javascript - 想問下怎麼將一個HTML檔案裡把所有的css、js檔案引入後，其他的HTML檔案不需要再引入了？

Question

就好比這是我的common.html,然後其他的HTML文件就不需要在進行引入了，求方法。 。 。 。 。 {代碼...}

仅有的幸福 · Answer

可以只引用一個 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");

曾经蜡笔没有小新 · Answer

如果只用html是沒有辦法的，可以藉助template模板引擎中的模板繼承功能實現，具有該功能的庫比較多，可以嘗試用jade，現在好像改名叫pug了。

模板繼承

三叔 · Answer

用一些做單頁應用的框架吧

PHP中文网 · Answer

你想要的就是SPA，同一個框框，只變換框框中安插那些組件

代言 · Answer

能是能，看在什麼場景了，不同的場景解決方案也是千差萬別

曾经蜡笔没有小新 · Answer

下面一個簡單的例子，僅供參考





  
  测试页面

PHP中文网 · Answer

建議使用打包工具,前短時間弄了個腳手架，裡面有這個功能，可以試試。 https://github.com/JakeLaoyu/...