ajax 局部页面替换innerhtml,ajax中如何实现innerHTML中javascript的_jquery

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

好的交互,和数据共享.

先看下面的例子:

var title = “hello”;

var time = 0;

var author = “vickenyang”;

var email = “[email protected]”;

hidden

hehe

document.write(“first”);

这是第一个页面!

time++;

document.write(title+time+author);

//alert(time);

document.write(“
—————“);

function refreshDiv(div)

{

var html = “”;

function changediv()

{

var oldwrite = document.write;

var oldwriteln = document.writeln;

document.write = function(str)

{

html += str;

}

document.writeln = function (str)

{

html += str + “/n”;

}

var htmlTmp = div.innerHTML;

//ie默认大写,添加为支持firefox,美中不足,会替换所有script值,如果只是ie应用,可注销此行

htmlTmp = htmlTmp.replace(/script/gi,”SCRIPT”);

//alert(htmlTmp);

var pos_1 = 0;

var pos_2 = 0;

pos_1 = htmlTmp.indexOf(“”,pos_1);

while(pos_1 != -1)

{

html += htmlTmp.substring(pos_2,pos_1);

var pos_3 = htmlTmp.indexOf(“”,pos_1);

html += htmlTmp.substring(pos_1,pos_3+””.length);

pos_2 = pos_1+””.length;

eval(htmlTmp.substring(pos_2,pos_3));

pos_2 = htmlTmp.indexOf(“”,pos_3);

pos_1 = htmlTmp.indexOf(“”,pos_1+1);

}

html += htmlTmp.substring(pos_2,htmlTmp.length);

document.write = oldwrite;

document.writeln = oldwriteln;

}

eval(“changediv();”);

div.innerHTML = html;

}

function change()

{

refreshDiv(document.getElementById(‘div_1’));

}

function change2()

{

document.write(“over”);

}

步骤:

1.在div的第一行加上hidden(不这么做,ie会忽略首位的js)

2.在div中每一个js的前后加上标记.

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

补:

function refreshDiv(div)

{

var html = “”;

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

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

欢迎大家阅读《ajax中如何实现innerHTML中javascript的…_jquery》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码

搞代码网(gaodaima.com)提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权

转载请注明原文链接：ajax中如何实现innerHTML中javascript的_jquery