添加动态Script和Style

参考:http://wv1124.iteye.com/blog/486946

和:http://www.dumpling.hn.cn/blog/article.asp?id=116

但是第二个链接里面的很多都是错误的 要简单的修改后使用

添加动态Script

?

var ss = document.createElement('script');var scr = 'alert("bah");';if ('\v'=='v'){ // IE    ss.text = scr;} else { // Other Browser    var tt = document.createTextNode(scr);    ss.apendChild(tt);}var hh = document.getElementsByTagName('head')[0];hh.appendChild(ss);

?

?外部文件

?

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;}

?添加动态Style

?

var ss = document.createElement('style');var def = 'body {color: red;}';ss.setAttribute("type", "text/css");if (ss.styleSheet) {   // IE    ss.styleSheet.cssText = def;} else {                // Other Browser    var tt = document.createTextNode(def);    ss.appendChild(tt);}var hh = document.getElementsByTagName('head')[0];hh.appendChild(ss);

?外部文件

?

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;}