ajax中指定innerHTML时如何应用其中的SCRIPT的研究
- 作者: 老衲终于硬了
- 来源: 51数据库
- 2021-09-22
其实这篇文章与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 blackant@tt88.cn
示例代码
<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
推荐阅读
