ajax中如何实现innerHTML中javascript的运行

最新推荐文章于 2021-08-05 15:09:37 发布

ycg01

最新推荐文章于 2021-08-05 15:09:37 发布

阅读量2.8k

点赞数

分类专栏：点滴文章标签： javascript ajax function html div input

本文链接：https://blog.csdn.net/ycg01/article/details/849559

版权

点滴专栏收录该内容

13 篇文章 0 订阅

订阅专栏

在参考前人的一些做法后,采用了一些变通方式,和添加一些额外标记,来较好的实现innerHTML中javascript的运行,从而使的页面各个模块间更好的交互,和数据共享.

先看下面的例子:

<html>
<head>
</head>
<script>
var title = "hello";
var time = 0;
var author = "vickenyang";
var email = "ycg01@software.nju.edu.cn";
var from = "http://blog.csdn.net/ycg01";
<body>
<div id="div_1">
<SPAN style="display: none">hidden</SPAN>
hehe
  
  <script>
   document.write("first");
  </script>
  
  这是第一个页面!
  <br>
  
  <script>
   time++;
   document.write(title+time+author);
   //alert(time);
   document.write("<br>---------------");
  </script>
  
  <input type="text" name="test" value="test">
</div>

function change()
{
refreshDiv(document.getElementById('div_1'));
}
function change2()
{
document.write("over");
}
</script>
<input type="button" value="change" οnclick="change();">
<input type="button" value="change2" οnclick="change2();">
</body>
</html>

步骤:
1.在div的第一行加上<SPAN style="display: none">hidden</SPAN>(不这么做,ie会忽略首位的js)
2.在div中每一个js的前后加上标记.

原理:代码会告诉你的.如果你有更好的方法,请邮件联系,共同探讨.

补:

function refreshDiv(div)
{
var html = "";

如果在特殊的应用中用到递归调用,可以将此处的html 定义为全局变量,这样,保证递归刷新时候,显示的是最后一个页面.(如,你想在ajax中,异步load数据,在回调函数中指定刷新div的时候就可能用到)

下面的例子中有具体的应用:一个基于ajax的,个性网页构建雏形

http://bbs.nju.edu.cn/file/Y/ycg/obj.rar

示例:http://bbs.nju.edu.cn/file/Y/ycg/myblog.html