2 个回答

方法一:就是使用楼上的这个, http://tool.chinaz.com/Tools/...
地址在这,最终转为大概是这么个形状的https://blog.csdn.net/qq_3478...
只需要吧生成的js代码放入单独的js文件,然后每个页面引入一次就行了,我也用过,不过这种做法,个人觉得不优雅
方法二: 基于当前工程化的前端,各种构建工具百花齐放,gulp工具里的插件就能比较好的解决这个问题,可以方便复用包括html代码等的代码到页面中

var gulp = require('gulp');
var fileinclude = require('gulp-file-include');

gulp.task('include', function () {
    gulp.src('src/pages/**/*.html')
        .pipe(fileinclude())
        .pipe(gulp.dest('dist'));        # dest是最终写入即编译后的路径
});

然后再需要引入模板的地方插入代码

@@include(模板路径)

虽然引用了,但是浏览器有缓存,基本上只请求了一次

可以使用一份独立的JavaScript代码加载这些文件,然后引用这份JavaScript代码
https://www.jb51.net/article/...

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题