动态加载css文件和js文件

于 2011-11-26 11:42:21 发布 · 212 阅读

文章标签：

#page #动态加载css文件 #动态加载js文件

js-page 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何使用JavaScript创建并插入CSS和JS文件，包括使用createElement和setAttribute方法来简化网页资源的加载过程。

简单记录，学习参考。

/*
思路就是使用createElement创建一个link标签
然后用setAttribute给其赋属性和值
@param path-----{String} css文件的路径
*/
ZYC.page.loadCssFile = function(path){
    var element = document.createElement("link");
    element.setAttribute('rel','stylesheet');
    element.setAttribute('type','text/css');
    element.setAttribute('href',path);
    document.getElementsByTagName('head')[0].appendChild(element);
}

/*
思路就是使用createElement创建一个script标签
然后用setAttribute给其赋属性和值
defer表示是否对脚本执行进行延迟，直到页面加载为止
@param path-----{String} css文件的路径
*/
ZYC.page.loadJsFile= function(path){
   var element = document.createElement("script");
   element.setAttribute('type','text/javascript');
   element.setAttribute('src',path);
   element.setAttribute('defer','defer');
   document.getElementsByTagName('head')[0].appendChild(element);

}