ajax中指定innerHTML時(shí)如何應(yīng)用其中的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)有寫(xiě)下去有興趣的可以完成它,偶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)文章
Jquery版本導(dǎo)致Ajax不執(zhí)行success回調(diào)函數(shù)
這篇文章主要介紹了Jquery Ajax不執(zhí)行success回調(diào)函數(shù)的原因及解決方法2014-04-04
JQuery+Ajax+Struts2+Hibernate框架整合實(shí)現(xiàn)完整的登錄注冊(cè)
最近沒(méi)有項(xiàng)目做,閑著沒(méi)事,看到一個(gè)書(shū)城的網(wǎng)站很好,于是就是仿了一個(gè),把里面的ui直接拿過(guò)來(lái)用,前端后端自己寫(xiě)的,目前大部分的功能已經(jīng)實(shí)現(xiàn)了。2015-10-10
使用Ajax方法實(shí)現(xiàn)Form表單的提交及注意事項(xiàng)
這篇文章主要介紹了使用Ajax方法實(shí)現(xiàn)Form表單的提交及注意事項(xiàng),需要的朋友可以參考下2017-07-07
Ajax+Asp源代碼]讀取數(shù)據(jù)庫(kù)內(nèi)容的表格(沒(méi)有用框架)
Ajax+Asp源代碼]讀取數(shù)據(jù)庫(kù)內(nèi)容的表格(沒(méi)有用框架)...2006-11-11
Ajax向后臺(tái)傳json格式的數(shù)據(jù)出現(xiàn)415錯(cuò)誤的原因分析及解決方法
ajax往后臺(tái)傳json格式數(shù)據(jù)報(bào)415錯(cuò)誤,什么原因?qū)е碌哪?,該怎么解決呢?下面腳本之家小編給大家?guī)?lái)了Ajax向后臺(tái)傳json格式的數(shù)據(jù)出現(xiàn)415錯(cuò)誤的原因分析及解決方法感興趣的朋友一起看看吧2016-10-10
ajax與傳統(tǒng)web開(kāi)發(fā)的異同點(diǎn)
本文給大家介紹ajax與傳統(tǒng)web開(kāi)發(fā)的異同點(diǎn),涉及到ajax、web方面的知識(shí),感興趣的朋友跟著小編一起學(xué)習(xí)吧2015-10-10
Ajax實(shí)現(xiàn)省市區(qū)三級(jí)級(jí)聯(lián)(數(shù)據(jù)來(lái)自mysql數(shù)據(jù)庫(kù))
這篇文章主要為大家詳細(xì)介紹了Ajax實(shí)現(xiàn)省市區(qū)三級(jí)級(jí)聯(lián),數(shù)據(jù)來(lái)自mysql數(shù)據(jù)庫(kù),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09
Ajax獲取到數(shù)據(jù)放入echarts里不顯示的原因分析及解決辦法
在做一個(gè)需要用到echarts地圖的項(xiàng)目的時(shí)候,成功通過(guò)ajax獲取到了后臺(tái)提供的數(shù)據(jù),并生成了想要的JSON串。但是,放到echarts option.series[0].data里,獲取不到數(shù)據(jù)。在生成的地圖上無(wú)法看到你從后臺(tái)獲取到的值,下面小編給大家分享我的解決辦法,需要的朋友參考下2016-01-01

