javascript - 静态页面html 引头尾公共文件？

问题描述

多个页面头尾一样，想引用同一个头尾，怎么引用啊？用jQuery怎么加载一个html页面到我指定的p里面，考虑兼容性

问题解答

如果是模版引擎那就不用说了、

如果只是纯静态的html、也没有使用自动化工具、是做不到的

可以考虑用我写的creater工具、每个页面的公共内容放入模版、创建文件的时候用命令行创建、可以创建出带模版内容的文件

如果按你更换的标题、jq提供了$.load()方法可以帮到你http://www.w3school.com.cn/jq...

https://github.com/liujians/c...

最直接的方法 用js 追加公共的html 或者用vue组件形式 比如写一个footer.vue 在你需要的页面import

类似php的include吗，需要用到模板,eg:pug

<!-- #include PathType = 'FileName' -->

html：

jsp：

刚刚没有仔细看提问者的问题，我补充一下：include需要服务器支持，你可以部署apache这种服务器来实现。另外，纯前端是可以实现的！纯前端是可以实现的！纯前端是可以实现的！重要的事情说三遍1.使用iframe引用2.js里使用ajax请求html3.<object>(推荐这种方法)<object type='text/x-scriptlet' data='3.html' width=100% height=30></object>实现如下：

新版 chrome firefox 没问题 ie<=IE7没问题 IE8样式有点问题 IE8+不兼容 有解决办法 忘了在哪了 我找找...