ajax中指定innerHTML时如何应用其中的SCRIPT的研究

借口腾不出时间去健身的人,迟早会腾出时间去看病!善待自己,幸福无比,善待别人,快乐无比,善待生命,健康无比。梦想,就是这样一个词,不在于拥有,而在于追求。
其实这篇文章与ajax无关,但因为是ajax项目中遇到的问题.所以....innerHTML赋值操作时,其中的script并不会被运行,可以使用正则表达式提取script,然后eval(script);
示例代码 <html>
<head>
<scripttype="text/javascript">
<!--
functionload1(){
varContent=document.getElementById("Content");
alert("load1");
}
functionload2(){
varContent=document.getElementById("Content");
Content.innerHTML="load2:<script>load1();<\/script>";
} functionload3(){
varContent=document.getElementById("Content"); //为什么要Javascript必须在有效的Text标签之后,又要谈到JS在IE和FireFox中的区别了.在script脚本块 //之前如果没有有效的Text标签,IE就会出错.但FireFox可以正常运行,神啊,救救IE吧
varstr="<a>Javascript必须在有效的Text标签之后</a><scripttype=\"text/javascript\">load1();<\/script>";
Content.innerHTML=str;
varregExp=/<script.*>(.*)<\/script>/gi;
if(regExp.test(Content.innerHTML)){
eval(RegExp.$1);
} ////以下代码是为了匹配多个脚本块而设置的,但是非常不幸的是不能运用在IE中 ////只能运行于FireFox,因为够用了,所以没有写下去有兴趣的可以完成它,偶JS没学好呀
//varmatchArray=str.match(regExp);
//if(matchArray){
//for(vari=0;i<matchArray.length;i++){
//if(regExp.test(matchArray[i])){
//alert(RegExp.$1);
//}
//else{
//alert(matchArray[i]);
//}
//}
//} }
//-->
</script>
</head>
<body>
<divid="Content">
</div>
<inputtype="button"onclick="javascript:load1();"value="load1"/>
<inputtype="button"onclick="javascript:load2();"value="load2"/>
<inputtype="button"onclick="javascript:load3();"value="load3"/>
</body>
</html> [说明] load1 当然可以正常运行 load2中 Content.innerHTML赋值时,其中的Script并不会被运行 load3中 取得innerHTML中的脚本块出来,并eval之,方可正常运行 也许谁还有更好的办法,pleasemailtomeblackant@tt88.cn

以上就是ajax中指定innerHTML时如何应用其中的SCRIPT的研究。也许世间的事,都是那么的千奇百怪,随时随刻都会发生,但你要镇静,可又能镇静得了吗?我们都是俗人,没有什么惊天动地的事情,我们只有这份爱,可又那么的叫人难猜。更多关于ajax中指定innerHTML时如何应用其中的SCRIPT的研究请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
实现AJAX异步调用和局部刷新的基本步骤

Ajax实现上传图像功能的示例详解

Ajax校验用户名是否存在的方法

AJAX请求数据及实现跨域的三种方法详解

ajax接口文档url路径的简写实例