！！！ Shtml完美解决静态页面内部调用其他页面（非Iframe、Object、Js方法） – Web前端开发

我想这个是所有前端工程师都会碰到的问题，在你做了很多页面，需要调用同一个头部或者底部的时候，需要嵌套一下，这个时候怎么办
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前端开发-Web前端工程师 ? Shtml完美解决静态页面内部调用其他页面（非Iframe、Object、Js方法）

Tags: JS, shtml, 兼容, 完美, 静态页面