首頁 > 開發者 > Ajax

ajax中指定innerHTML時如何應用其中的SCRIPT的研究

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

其實這篇文章與ajax無關,但因為是ajax項目中遇到的問題.所以.... innerHTML賦值操作時,其中的script並不會被運行,可以使用Regex提取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 blackant@tt88.cn

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關關鍵詞：
ajax php script ajax run php script php ajax file upload script innerhtml value get innerhtml innerhtml jquery example get innerhtml of div
相關文章
ajax入門指南（二）
ajax使用_雜類
jQuery ajax 檔案下載_ajax
AJAX各種實現方式比較_ajax
AJAX入門--- XMLHttpRequest對象的屬性和方法
解決spring-security session逾時 Ajax 請求沒有重新導向的問題

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門內容

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More