javascript - I would like to ask how to import all css and js files into an HTML file so that other HTML files do not need to be imported again?

Question

Just like this is my common.html, then other HTML files do not need to be imported. Please find a way. . . . . {code...}

仅有的幸福 · Answer

You can only reference a JS file, and then dynamically load the CSS to be loaded.

// 动态加载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

If there is no solution using only HTML, you can use the template inheritance function in the template template engine. There are many libraries with this function. You can try using jade, which seems to have been renamed pug now.

Template inheritance

三叔 · Answer

Use some framework for single-page applications

PHP中文网 · Answer

What you want is SPA, the same frame, just change the components placed in the frame

代言 · Answer

Yes, it depends on the scenario. The solutions for different scenarios are also very different

曾经蜡笔没有小新 · Answer

The following is a simple example for reference only





  
  测试页面

PHP中文网 · Answer

It is recommended to use a packaging tool. I built a scaffolding not long ago and it has this function. You can try it. https://github.com/JakeLaoyu/...