javascript - 想问下怎样将一个HTML文件里把所有的css、js文件引入后,其他的HTML文件不需要再引入了?
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-06-30 09:56:18
[JavaScript讨论组]

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

    
    
    
    
    
    
    
    

    
    
    
    
    
    
    
    
    
    
    
    

    
    
曾经蜡笔没有小新
曾经蜡笔没有小新

全部回复(5)
仅有的幸福

可以只引用一个 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");
曾经蜡笔没有小新

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

模板继承

三叔

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

PHP中文网

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

代言

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号