900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > js动态载入css文件 原生JS动态加载JS CSS文件及代码脚本(示例代码)

js动态载入css文件 原生JS动态加载JS CSS文件及代码脚本(示例代码)

时间:2021-02-05 02:52:07

相关推荐

js动态载入css文件 原生JS动态加载JS CSS文件及代码脚本(示例代码)

var DynamciLoadUtil = {

// 动态加载外部js文件,并执行回调

loadJS: function(url, callback){

var script = document.createElement(‘script‘);

script.type = ‘text/javascript‘;

script.src = url;

if(typeof callback == ‘function‘){

script.onload = script.onreadystatechange = function(){

if(!this.readyState || this.readyState == ‘loaded‘

|| this.readyState == ‘complete‘){

callback();

script.onload = script.onreadystatechange = null;

}

}

}

document.body.appendChild(script);

//document.getElementsByTagName(‘body‘)[0].appendChild(script);

},

// 行内方式动态加载js代码

loadJSText: function(jsText){

var script = document.createElement(‘script‘);

script.type = ‘text/javascript‘;

try {

// Firefox,Safari,Chrome,Opera支持

script.appendChild(document.createTextNode(jsText));

} catch(ex){

// IE早期的浏览器,需要使用script的text属性来指定js代码

script.text = jsText;

}

document.body.appendChild(script);

},

// 动态加载外部CSS文件

loadCSS:function(url){

var link = document.createElement(‘link‘);

link.rel = ‘stylesheet‘;

link.type = ‘text/css‘;

link.url = url;

document.getElementsByTagName(‘head‘)[0].appendChild(link);

},

// 使用

loadCSSText: function(cssText){

var style = document.createElement(‘style‘);

style.type = ‘text/css‘;

try{

// Firefox,Safari,Chrome,Opera支持

style.appendChild(document.createTextNode(cssText));

} catch(ex){

// IE早期浏览器,需要使用style元素的styleSheet属性的cssText属性

style.styleSheet.cssText = cssText;

}

}

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。