客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
| 其实这篇文章与ajax无关,但因为是ajax项目中遇到的问题.所以.... innerHTML赋值操作时,其中的script并不会被运行,可以使用正则表达式提取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 [email protected] |
请发表评论