Shtml完美解决静态页面内部调用其他页面(非Iframe、Object、Js方法)

2013-01-31阅读(3563)评论(0)

W3Cways.com 微信公众号

我想这个是所有前端工程师都会碰到的问题,在你做了很多页面,需要调用同一个头部或者底部的时候,需要嵌套一下,这个时候怎么办
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方法
再刷新你的首页,调用成功

转载请注明来源:Web前端(W3Cways.com) - Web前端学习之路 » Shtml完美解决静态页面内部调用其他页面(非Iframe、Object、Js方法)

分享到:更多 ()

Web前端开发-Web前端工程师--Web前端学习之路

联系我们