javascript - Je voudrais demander comment importer tous les fichiers CSS et JS dans un fichier HTML afin que d'autres fichiers HTML n'aient pas besoin d'être réimportés?

Question

Tout comme il s'agit de mon fichier common.html, les autres fichiers HTML n'ont pas besoin d'être importés. Veuillez trouver un moyen. . . . . {code...}

仅有的幸福 · Answer

Vous pouvez uniquement référencer un fichier JS, puis charger dynamiquement le CSS à charger.

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

S'il n'y a pas de solution utilisant uniquement HTML, vous pouvez utiliser la fonction d'héritage de modèle dans le moteur de modèle de modèle. Il existe de nombreuses bibliothèques avec cette fonction. Vous pouvez essayer d'utiliser jade, qui semble avoir été renommé pug.

Héritage de modèles

三叔 · Answer

Utilisez un framework pour les applications d'une seule page

PHP中文网 · Answer

Ce que vous voulez c'est SPA, le même cadre, il suffit de changer les composants placés dans le cadre

代言 · Answer

Oui, cela dépend du scénario. Les solutions pour différents scénarios sont également très différentes

曾经蜡笔没有小新 · Answer

Ce qui suit est un exemple simple à titre de référence uniquement





  
  测试页面

PHP中文网 · Answer

Il est recommandé d'utiliser un outil d'emballage. J'ai construit un échafaudage il n'y a pas longtemps et il a cette fonction. https://github.com/JakeLaoyu/...