在頁面中動態(tài)載入外部javascript

2024-04-27 13:53:19

字體：大中小

供稿：網(wǎng)友

有時候需要在網(wǎng)頁中某個div載入之后，動態(tài)引入一段javascript，IE下的解決方案：

以下為引用的內(nèi)容：
CODE:
newjs. onreadystatechange = function ( ) {
if (newjs. readyState == 'loaded' ) {
// ready!
}
}

newjs. onload = function ( ) {
// ready!
}

主要利用了onload以及onreadystatechange事件。把這個加以利用，也能動態(tài)載入外部css。下面是同時適合Ie/firefox的寫法。

以下為引用的內(nèi)容：
CODE:
var css;
function include_css (css_file ) {
var html_doc = document. getElementsByTagName ( 'head' ) [ 0 ];
css = document. createElement ( 'link' );
css. setAttribute ( 'rel', 'stylesheet' );
css. setAttribute ( 'type', 'text/css' );
css. setAttribute ( 'href', css_file );
html_doc. appendChild (css );

// alert state change
css. onreadystatechange = function ( ) {
if (css. readyState == 'complete' ) {
alert ( 'CSS onreadystatechange fired' );
}
}
css. onload = function ( ) {
alert ( 'CSS onload fired' );
}
return false;
}

var js;
function include_js (file ) {
var html_doc = document. getElementsByTagName ( 'head' ) [ 0 ];
js = document. createElement ( 'script' );
js. setAttribute ( 'type', 'text/javascript' );
js. setAttribute ( 'src', file );
html_doc. appendChild (js );

js. onreadystatechange = function ( ) {
if (js. readyState == 'complete' ) {
alert ( 'JS onreadystate fired' );
}
}

js. onload = function ( ) {
alert ( 'JS onload fired' );
}
return false;
}

上一篇：li標簽的間距問題及書寫最佳方式

下一篇：Web標準：改變您的網(wǎng)頁制作思維方式節(jié)省代碼及結(jié)構(gòu)與表現(xiàn)分離