用正则表达式 动态创建/增加css style script 兼容IE firefox_javascript技巧_脚本之家

str 是表示通过ajax返回的XMLRequest /*动态加载css style*/ function
loadStyle { var regExp_src=/[^<>]*/gi; var
matchArray_src=str.match; alert; if{ for(var i=0;i[^<>]*/gi;
str_temp.match;/*这里重复使用匹配是为了,$1这个子表达式指向当前的值,否则会永远是最后一个$1值*/
var head = document.getElementsByTagName[0]; /*IE*/ if{ alert;
if(document.getElementsByTagName { var
sty=document.getElementsByTagName[0].innerHTML; alert; var sty =
document.getElementsByTagName[0].innerHTML;
//不知道怎么样取得IE当前的style标签,用getElementsByTagName不行,只能采此下策,创建一个新的,并加上以前的样式
var styleSheet = document.createStyleSheet();
styleSheet.cssText=sty+RegExp.$1; } else { var styleSheet =
document.createStyleSheet();
styleSheet.cssText=”body{background:red;}\
” alert; } } /*FIREFOX*/ else{ var style;
if(document.getElementsByTagName { var
sty=document.getElementsByTagName[0].innerHTML; alert;
document.getElementsByTagName[0].innerHTML=sty+RegExp.$1; } else
style=document.createElement; style.type = ‘text/css’;
style.innerHTML=RegExp.$1; head.appendChild; alert; } } } }
/*动态加载具有src属性的script*/ function loadScript_src{ var
regExp_src=/[^<>]*/gi; var matchArray_src=str.match; if {
for(var i=0;i[^<>]*/gi; str_temp.match; var head =
document.getElementsByTagName[0]; var script = document.createElement;
script.type = ‘text/javascript’; script.src = RegExp.$1;
script.defer=”true”; head.appendChild; alert; } } } /*动态加载innerHTML
中的Script*/ function loadScript{ var regExp_function=/

其实这篇文章与ajax无关,但因为是ajax项目中遇到的问题.所以…. innerHTML赋值操作时,其中的script并不会被运行,可以使用正则表达式提取script,然后eval(script);

示例代码 

<html>
<head>
<script type=”text/javascript”>
<!–
function load1(){
var Content= document.getElementById(“Content”);
alert(“load1”);
}
function load2(){
var Content= document.getElementById(“Content”);
Content.innerHTML=”load2:<script>load1();<\/script>”;
}

function load3(){
var Content= document.getElementById(“Content”); 

//为什么要Javascript必须在有效的Text标签之后,又要谈到JS在IE和FireFox中的区别了.在script脚本块

//之前如果没有有效的Text标签,IE就会出错.但FireFox可以正常运行,神啊,救救IE吧
var str=”<a>Javascript必须在有效的Text标签之后</a><script type=\”text/javascript\”>load1();<\/script>”;
Content.innerHTML=str;
var regExp=/<script.*>(.*)<\/script>/gi;
if(regExp.test(Content.innerHTML)){
eval(RegExp.$1);
}

////以下代码是为了匹配多个脚本块而设置的,但是非常不幸的是不能运用在IE中

////只能运行于FireFox,因为够用了,所以没有写下去有兴趣的可以完成它,偶JS没学好呀
//var matchArray=str.match(regExp);
//if(matchArray){
//    for(var i=0;i<matchArray.length;i++){
//        if(regExp.test(matchArray[i])){
//            alert(RegExp.$1);
//        }
//        else{
//          alert(matchArray[i]);
//        }
//    }
//}

}

//–>
</script>
</head>
<body>
<div id=”Content”>
</div>
www.hj8828.com,<input type=”button” onclick=”javascript:load1();” value=”load1″/>
<input type=”button” onclick=”javascript:load2();” value=”load2″/>
<input type=”button” onclick=”javascript:load3();” value=”load3″/>
</body>
</html>