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;

}

}

}

總結

以上是生活随笔為你收集整理的js动态载入css文件,原生JS动态加载JS、CSS文件及代码脚本(示例代码)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。