html静态页面引用其他页面,Shtml完美解决静态页面内部调用其他页面（非Iframe、Object、Js方法）...

我想这个是所有前端工程师都会碰到的问题，在你做了很多页面，需要调用同一个头部或者底部的时候，需要嵌套一下，这个时候怎么办

Iframe、Object、Js调用的方法就不讨论了，网上搜索一大堆，不过兼容性不好

这里给出一个比较完美的解决方案

准备工具：本地化服务器，推荐WampServer(APACHE+PHP+MYSQL)

打开httpd.conf文件

去掉下面2段前面的#号

AddType text/html .shtml

AddOutputFilter INCLUDES .shtml

再搜索

Options Indexes FollowSymLinks

后面添加“ Includes”

即将该行改变为

Options Indexes FollowSymLinks Includes

保存，再重启apache服务器

引用方法

主文件：index.shtml

调用的文件：header.html(此文件放在templates目录下)

这里注意，主文件一定要是.shtml结尾，要不刚才是工作白做了，调用文件一般用.html文件结尾

在主文件里需要调用的地方添加代码：

这里推荐用virtual方法，不推荐用file方法

再刷新你的首页，调用成功

html静态页面引用其他页面,Shtml完美解决静态页面内部调用其他页面（非Iframe、Object、Js方法）...相关推荐

android webview 重定向多次load问题,解决webview 第二次调用loadUrl页面不刷新的问题...
一个需求,当点击button按钮时,希望加载另一个url. 以下方法可以成功! @override public void onclick(view view) { webview.loadurl(u ...
完美解决Invalid layout of java.lang.String at value问题的方法
完美解决Invalid layout of java.lang.String at value问题的方法参考文章: (1)完美解决Invalid layout of java.lang.String ...
android点击下拉历史记录,uni-app，社交应用中，聊天页面下拉onPullDownRefresh获取历史消息，数据合并之后，滚动到下拉之前的位置，页面看不见闪动，完美解决...
一般下拉之后,拿到数据合并,会默认展示顶部第一条,模仿其他聊天应用,回到下拉之前位置,如果不做处理,可以看见下拉得到的数据,本方法完美解决有问题可以留言或者加qq445849201讨论,亲测ios和 ...
ORACLE 11g 使用ROWNUM完美解决ORA-00600：内部错误代码
转载自:https://blog.csdn.net/mchdba/article/details/69938675 1,ORA-00600:内部错误代码 Oracle从11.2.0.1升级到11.2. ...
完美解决 IOS系统safari5.0 浏览器页面布局iframe滚动栏失效问题
在iframe外层包一层div,加入例如以下样式:style="-webkit-overflow-scrolling:touch;overflow:auto;" 代码例如以下: & ...
解决ios端返回上一个页面不刷新页面的问题
javascript返回上一个页面也许你会立马想到几种方案: 1.<a href="javascript:history.go(-1)">返回上一页</a> ...
phpcms解决（sql数据库数据与页面显示结果）调用的栏目数据条数不一致问题 - 总结篇
phpcms解决(sql数据库数据与页面显示结果)调用的栏目数据条数不一致问题 - 总结篇调用phpcms(栏目数据条数)数据量 - 总结篇 phpcms统计不准确?栏目文章更新,统计的数据与后台数 ...
解决Google-Chrome浏览器无法打开Kubernetes-K8S-Dashboard页面
更多内容,请查看博客原文:解决Google Chrome浏览器无法打开Kubernetes K8S Dashboard页面 https://finolo.gy/2019/12/解决Google-Chr ...
IOS微信小程序页面滚动导致滚动穿透的解决办法
IOS微信小程序页面滚动导致滚动穿透的解决办法当微信小程序页面存在弹窗并且有可滚动的列表时,IOS默认的页面滚动会使弹窗滚动列表失焦,从而出现弹窗列表无法滚动的情况第一步第二步当微信小程序页面 ...

html静态页面引用其他页面,Shtml完美解决静态页面内部调用其他页面（非Iframe、Object、Js方法）...

html静态页面引用其他页面,Shtml完美解决静态页面内部调用其他页面（非Iframe、Object、Js方法）...相关推荐

最新文章

热门文章