其實這篇文章與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>
<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>
[說明]
load1
當然可以正常運行
load2中
Content.innerHTML賦值時,其中的Script並不會被運行
load3中
取得innerHTML中的腳本塊出來,並eval之,方可正常運行
也許誰還有更好的辦法,please mail to me
[email protected]