Dynamically load external javascript into the page

Author：Eve Cole Update Time：2009-05-31 00:37:33

Sometimes it is necessary to dynamically introduce a piece of javascript after a certain div in the web page is loaded. The solution under IE:

The following is the quoted content:
CODE:
newjs. onreadystatechange = function ( ) {
if (newjs. readyState == 'loaded' ) {
// ready!
}
}

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

The onload and onreadystatechange events are mainly used. Taking advantage of this, you can also dynamically load external css. The following is a writing method suitable for both Ie/firefox.

The following is the quoted content:
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;
}