ajax中指定innerHTML時(shí)如何應(yīng)用其中的SCRIPT的研究
更新時(shí)間：2007年03月06日 00:00:00 作者：
其實(shí)這篇文章與ajax無(wú)關(guān),但因?yàn)槭莂jax項(xiàng)目中遇到的問(wèn)題.所以.... innerHTML賦值操作時(shí),其中的script并不會(huì)被運(yùn)行,可以使用正則表達(dá)式提取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標(biāo)簽之后,又要談到JS在IE和FireFox中的區(qū)別了.在script腳本塊
//之前如果沒(méi)有有效的Text標(biāo)簽,IE就會(huì)出錯(cuò).但FireFox可以正常運(yùn)行,神啊,救救IE吧
var str="<a>Javascript必須在有效的Text標(biāo)簽之后</a><script type=\"text/javascript\">load1();<\/script>";
Content.innerHTML=str;
var regExp=/<script.*>(.*)<\/script>/gi;
if(regExp.test(Content.innerHTML)){
eval(RegExp.$1);
}
////以下代碼是為了匹配多個(gè)腳本塊而設(shè)置的,但是非常不幸的是不能運(yùn)用在IE中
////只能運(yùn)行于FireFox,因?yàn)閴蛴昧?所以沒(méi)有寫下去有興趣的可以完成它,偶JS沒(méi)學(xué)好呀
//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>
[說(shuō)明]
load1
當(dāng)然可以正常運(yùn)行
load2中
Content.innerHTML賦值時(shí),其中的Script并不會(huì)被運(yùn)行
load3中
取得innerHTML中的腳本塊出來(lái),并eval之,方可正常運(yùn)行
也許誰(shuí)還有更好的辦法,please mail to me blackant@tt88.cn
示例代碼
<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標(biāo)簽之后,又要談到JS在IE和FireFox中的區(qū)別了.在script腳本塊
//之前如果沒(méi)有有效的Text標(biāo)簽,IE就會(huì)出錯(cuò).但FireFox可以正常運(yùn)行,神啊,救救IE吧
var str="<a>Javascript必須在有效的Text標(biāo)簽之后</a><script type=\"text/javascript\">load1();<\/script>";
Content.innerHTML=str;
var regExp=/<script.*>(.*)<\/script>/gi;
if(regExp.test(Content.innerHTML)){
eval(RegExp.$1);
}
////以下代碼是為了匹配多個(gè)腳本塊而設(shè)置的,但是非常不幸的是不能運(yùn)用在IE中
////只能運(yùn)行于FireFox,因?yàn)閴蛴昧?所以沒(méi)有寫下去有興趣的可以完成它,偶JS沒(méi)學(xué)好呀
//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>
[說(shuō)明]
load1
當(dāng)然可以正常運(yùn)行
load2中
Content.innerHTML賦值時(shí),其中的Script并不會(huì)被運(yùn)行
load3中
取得innerHTML中的腳本塊出來(lái),并eval之,方可正常運(yùn)行
也許誰(shuí)還有更好的辦法,please mail to me blackant@tt88.cn
相關(guān)文章
Ajax是Asynchronous Javascript And XML的縮寫，其作用通過(guò)Ajax可以使用Javascript語(yǔ)句來(lái)調(diào)用XMLHttpRequest對(duì)象，直接與服務(wù)器進(jìn)行通訊，可以在不重載頁(yè)面的情況下與服務(wù)器交換數(shù)據(jù)。2015-10-10
Ajax jsonp跨域請(qǐng)求實(shí)現(xiàn)方法
這篇文章主要介紹了Ajax jsonp跨域請(qǐng)求實(shí)現(xiàn)方法的相關(guān)資料,需要的朋友可以參考下2015-11-11
建一個(gè)XMLHttpRequest對(duì)象池...2007-04-04
ThinkPHP5 通過(guò)ajax插入圖片并實(shí)時(shí)顯示(完整代碼)
這篇文章主要介紹了ThinkPHP5 通過(guò)ajax插入圖片并實(shí)時(shí)顯示功能，本文給大家分享網(wǎng)站代碼，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12
ajax類AJAXRequest v0.8.01 2008-01-31 最新版附使用幫助
2008-02-02
利用ajax傳遞數(shù)組及后臺(tái)接收的方法詳解
這篇文章主要給大家介紹了關(guān)于利用ajax傳遞數(shù)組及后臺(tái)接收的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編一起來(lái)學(xué)習(xí)學(xué)習(xí)吧。2017-06-06
強(qiáng)烈推薦 - Ajax 技術(shù)資源中心
強(qiáng)烈推薦 - Ajax 技術(shù)資源中心...2007-05-05
這篇文章主要介紹了Ajax傳輸中文亂碼問(wèn)題的解決辦法的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
ajax返回的json內(nèi)容進(jìn)行排序使用sort()方法實(shí)現(xiàn)
關(guān)于ajax返回的json內(nèi)容進(jìn)行排序，主要使用sort()對(duì)數(shù)組的元素進(jìn)行排序，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-07-07
Ajax傳Jsond Mvc后臺(tái)接收實(shí)例
Ajax傳Jsond Mvc后臺(tái)接收，前后臺(tái)實(shí)現(xiàn)代碼如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-06-06