搜索

首页  >  问答  >  正文

javascript - HTML 文件怎么从外部调入 HTML 模板(如头部,页尾这些公共的部分)?

最近项目要做一个移动web页面项目,很多模版需要公用,由于每个页面都引用相同大量代码不美观而且修改起来非常不方便;不依赖后台有什么办法;

阿神阿神2818 天前1366

全部回复(17)我来回复

  • PHP中文网

    PHP中文网2017-04-11 13:32:46

    jsp页面或者是html。把公共的部分抽离出来单独的页面,然后
    在对应的位置<jsp:include page="../test/test.jsp" flush="true"/>

    回复
    0
  • 黄舟

    黄舟2017-04-11 13:32:46

    使用vuejs可以轻松解决这类模块化问题

    回复
    0
  • 黄舟

    黄舟2017-04-11 13:32:46

    HTML静态页面里 用include标签引用进来

    回复
    0
  • 黄舟

    黄舟2017-04-11 13:32:46

    直接引入 或者用数据交互的前端框架

    回复
    0
  • 天蓬老师

    天蓬老师2017-04-11 13:32:46

    <!DOCTYPE html>
    <html ng-app="myapp">
        <head lang="en">
            <meta charset="UTF-8">
            <title>ceshi</title>
        </head>
        <body ng-controller="myCtrl">
            <p ng-include="'header.html'">angularjs不能正常显示</p>
                    <p><a href="tiaozhuan.html">跳转</a></p>
            <p ng-include="'footer.html'"></p>
            <script src="js/angular.js"></script>
            <script src="user.js"></script>
        </body>
    </html>

    回复
    0
  • 迷茫

    迷茫2017-04-11 13:32:46

    直接用jQuery,ajax过来是可以的!

    回复
    0
  • 迷茫

    迷茫2017-04-11 13:32:46

    可以使用gulp里面的gulp-content-includer插件

    回复
    0
  • 取消回复