WEB开发网
开发学院网页设计JavaScript 一个通用的动态加载数据例子 阅读

一个通用的动态加载数据例子

 2007-12-06 14:46:39 来源:WEB开发网   
核心提示: 曾经以为用动态加载script或者iframe都可以实现动态加载数据,今天试验了一下发现script的方法在NS下面没有用,一个通用的动态加载数据例子,IFRAME的方法实现如下:sample.html:<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transition

   曾经以为用动态加载script或者iframe都可以实现动态加载数据,今天试验了一下发现script的方法在NS下面没有用,IFRAME的方法实现如下:

sample.html:

<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN>
<HTML>
<HEAD>
<TITLE>Emus sample of load data dynamically</TITLE>
<META NAME=Generator CONTENT=EditPlus>
<META NAME=Author CONTENT=emu>
<META NAME=Keywords CONTENT=javascript,netscape,cross-browser>
<META NAME=Description CONTENT=A sample of load data dynamically by iframe>
</HEAD>
<BODY onload=out.innerHTML=>
<iframe id=testLoadData style=width:0;height:0;visibility:hidden;position:absolute></iframe>
<input type=button onclick=test() value=test>
<div id=output></div>
<SCRIPT LANGUAGE=JavaScript>
<!--
var t;
var sumFrm = document.getElementById(testLoadData);
var out = document.getElementById(output);
function test(){
 sumFrm.src=test.html?+new Date();
}
function receiveData(){
 for (var i = 0 ; i < arguments.length ; i++)
 out.innerHTML += <br><br><a href=+arguments[i]+>+arguments[i]+</a>;
}
//-->
</SCRIPT>
</BODY>
</HTML>

test.html:

<HTML>
<BODY onload=setData()>
<SCRIPT LANGUAGE=JavaScript>
<!--
function setData(){
 parent.receiveData(http://www.csdn.net,http://www.iecn.net);
}
//-->
</SCRIPT>
</BODY>
</HTML>


两个文件要放在同一目录下。test.html当然可以换成jsp(SUN企业级应用的首选)或者php之类的任何动态页面。

IE,NS,firefox下都测试通过。


Tags:一个 通用 动态

编辑录入:coldstar [复制链接] [打 印]
赞助商链接