html修改另一个html文件内容,javascript - 想问下怎样将一个HTML文件里把所有的css、js文件引入后，其他的HTML文件不需要再引入了？...

javascript - 想问下怎样将一个HTML文件里把所有的css、js文件引入后，其他的HTML文件不需要再引入了？

就好比这是我的common.html,然后其他的HTML文件就不需要在进行引入了，求方法。。。。。

回答



7

0

分享

全部回复 (7)

仅有的幸福2017-06-30 09:58:187楼

可以只引用一个 JS 文件，然后把要加载的 CSS 做动态的加载。

// 动态加载js脚本文件

function loadCss(url) {

var link = document.createElement("link");

link.type = "text/css";

link.rel = "stylesheet";

link.href = url;

document.getElementsByTagName("head")[0].appendChild(link);

}

// 测试

loadCss("assets/css/dataTables.bootstrap.css");

回复

曾经蜡笔没有小新2017-06-30 09:58:186楼

如果只用html是没有办法的，可以借助template模板引擎中的模板继承功能实现，具有该功能的库比较多，可以尝试用jade，现在好像改名叫pug了。

模板继承

回复

三叔2017-06-30 09:58:185楼

用一些做单页面应用的框架吧

回复

小皮2017-06-30 09:58:184楼

你想要的就是SPA，同一个框框，只变换框框中安插那些组件

回复

代言2017-06-30 09:58:183楼

能是能，看在什么场景了，不同的场景解决方案也是千差万别

回复

曾经蜡笔没有小新2017-06-30 09:58:182楼

下面一个简单的例子，仅供参考

测试页面

var headHTML = $('head').html();//保存原来的head内容

$("head").load("common.html",function(){

$(this).prepend(headHTML); //common.html载入到head后将原来head内容添加回去

});

回复

小皮2017-06-30 09:58:181楼

建议使用打包工具,前短时间弄了个 脚手架，里面有这个功能，可以试试。https://github.com/JakeLaoyu/...

回复