用JavaScript动态输出的JS脚本不能执行

首页 > 乱七八糟 > 用JavaScript动态输出的JS脚本不能执行

2006年4月12日小李刀刀发表评论阅读评论

　　随着Ajax的越来越多地运用，HTML的内容又开始由“所见即所得”开始向“所见未必所得”发展了。这就是动态改变网页内容的魅力所在吧。

　　在公司产品动易2006版整合接口的开发过程中，需要在客户端页面上输出一段调用远程接口写cookies的代码，最早的时候我是把调用url通过script的方式输出。在ASP输出HTML的时候，调试通过。

　　动易2006的前台登陆表单已经采用了Ajax技术，页面上所看到的登陆表单并非直接由HTML代码在页面中写成，而是在页面加载以后，通过JS，通过Ajax，向服务器端的asp程序查询用户登录状态以后，再动态输出到页面的。

　　一开始我通过JS，动态生成调用script的HTML代码以后，输出到页面，跟其它的HTML代码一样。结果出现了通行登陆不能同步的问题。用alert调试发现代码已经正确生成，显然用innerHTML输出到页面以后，是没有问题的。但是为什么没有登陆呢？

　　为这个问题，折磨了我一晚上。天亮的时候跟动网公司的迷城浪子聊到这个问题，老迷没看我的脚本，只是听我讲了一遍，回答我说“JS输出的JS脚本不能被执行的吧？”

　　难道真是这个问题？我把通过script调用改成通过img调用，还把图片大小设置成100*100，果然在页面上显示了，同步登陆也成功了。

　　后来我写了一个段测试脚本，果然是js输出的js将不能执行。具体看下面的代码：

　　在上面的例子中，可以看到页面执行了远程的js脚本，输出统计图标
　　把代码修改如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<div id="div">加载中...</div>
<script type="text/javascript" language="javascript">
var newStr = "<script src=\"http://s33.cnzz.com/stat.php?id=109006&web_id=108995&show=pic\" language=\"JavaScript\" charset=\"gb2312\"><\/script>";
document.getElementById("div").innerHTML = newStr;
</script>
</body>
</html>

　　可以看到“加载中...”字样已经被下面的JS代码动态输出的代码替换了，但是并没有显示统计图标，说明script脚本调用代码已经被输出到页面，但是没有被执行。