Js 动态插入css js文件

最新推荐文章于 2023-05-02 14:29:35 发布

转载最新推荐文章于 2023-05-02 14:29:35 发布 · 518 阅读

收录于

当前文章被收录于：

75 篇文章 1 人学习

订阅专栏查看详情

css2

当前文章被收录于：

css2

9 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种在JavaScript中动态加载外部JS和CSS文件的方法。通过创建`script`和`link`元素，并设置其属性，可以实现网页运行时按需加载资源。此技巧对于按需加载模块或异步加载样式表特别有用。

function loadjscssfile(filename,filetype){
    var file,    //动态插入的文件
        doc = document;
    if(filetype == "js"){
        file = doc.createElement('script');
        file.setAttribute("type","text/javascript");
        file.setAttribute("src",filename);
    }else if(filetype == "css"){
        file = doc.createElement('link');
        file.setAttribute("rel","stylesheet");
        file.setAttribute("type","text/css");
        file.setAttribute("href",filename);
    }
   if(typeof fileref != "undefined"){
        doc.getElementsByTagName("head")[0].appendChild(fileref);
    }
    
}
loadjscssfile("style.css","css");

loadjscssfile("main.js","js");