溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

ajax中指定innerHTML時如何應(yīng)用其中的SCRIPT

發(fā)布時間：2021-10-08 13:53:56 來源：億速云 閱讀：120 作者：柒染 欄目：web開發(fā)

本篇文章為大家展示了ajax中指定innerHTML時如何應(yīng)用其中的SCRIPT，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

其實這篇文章與ajax無關(guān),但因為是ajax項目中遇到的問題.所以.... innerHTML賦值操作時,其中的script并不會被運(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腳本塊

//之前如果沒有有效的Text標(biāo)簽,IE就會出錯.但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);
}

////以下代碼是為了匹配多個腳本塊而設(shè)置的,但是非常不幸的是不能運(yùn)用在IE中

////只能運(yùn)行于FireFox,因為夠用了,所以沒有寫下去有興趣的可以完成它,偶JS沒學(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>

 

[說明]

load1

當(dāng)然可以正常運(yùn)行

load2中

Content.innerHTML賦值時,其中的Script并不會被運(yùn)行

load3中

取得innerHTML中的腳本塊出來,并eval之,方可正常運(yùn)行

也許誰還有更好的辦法,please mail to me blackant@tt88.cn


上述內(nèi)容就是ajax中指定innerHTML時如何應(yīng)用其中的SCRIPT，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手