主页 > 知识库 > ajax中指定innerHTML时如何应用其中的SCRIPT的研究

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

热门标签:团购网站 电子围栏 科大讯飞语音识别系统 阿里云 Linux服务器 Mysql连接数设置 服务器配置 银行业务
其实这篇文章与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;imatchArray.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


标签:广元 大理 萍乡 枣庄 衢州 蚌埠 江苏 衡水

巨人网络通讯声明:本文标题《ajax中指定innerHTML时如何应用其中的SCRIPT的研究》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266