首页 >社区问答列表 >javascript - 静态页面html 引头尾公共文件?

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

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

  • 仅有的幸福
  • 仅有的幸福    2017-07-05 10:46:434楼

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

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

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


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

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

    +0添加回复

  • 回复
  • 漂亮男人
  • 漂亮男人    2017-07-05 10:46:433楼

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

    +0添加回复

  • 回复
  • 代言
  • 代言    2017-07-05 10:46:431楼

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

    html:

    jsp:

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

    兼容性

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

    +0添加回复

  • 回复