读书人

动态加载css资料和js文件(转)

发布时间: 2012-10-06 17:34:01 作者: rapoo

动态加载css文件和js文件(转)
http://zhangyaochun.iteye.com/blog/1278775
动态加载css文件和js文件:
简单记录,学习参考。

Js代码
/*
思路就是使用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);

}

读书人网 >CSS

热点推荐