一个通用的动态加载数据例子(IE5,NS6,Mozilla 1.3b)

原创 2003年04月14日 09:13:00

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

sample.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Emu's 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或者php之类的任何动态页面。

IE5,NS6,MOZ1.3b下测试通过。

ECharts Java 动态加载数据,echartsjava

1、前台jsp页面 ECharts // 配置路径 require.config({ paths: { echarts: '${ctx}/plugin...
  • sinat_31998357
  • sinat_31998357
  • 2015年12月17日 18:13
  • 740

bootstrap table动态加载数据

点击选择按钮,弹出模态框,加载出关键词列表 TABLE样式: id="ClickModal" tabindex="-1" role="dialog" aria-labelledby="myMod...
  • qq_20867981
  • qq_20867981
  • 2017年03月24日 16:32
  • 1368

去滚动条(兼容ie5.5 6 7 firfox chorme浏览器 )

以前说的方法如下: 这个方法是不标准的.  body里没有这个属性.正确方法:                这个可以去掉IE6,7的滚动               html {          ...
  • xmq_666
  • xmq_666
  • 2010年08月03日 10:37
  • 4898

antv从数据库中获取数据

  • qq_41600277
  • qq_41600277
  • 2018年01月19日 10:44
  • 39

6-普遍的IE5、CSS兼容性问题总结

CSS兼容性问题 第一部分:     1,浏览器默认样式         问题:             有些浏览器默认会给一些标签添加一些样式,并且不同浏览器添加的样式不相同,这样会导致我们布局的页...
  • Bug_money
  • Bug_money
  • 2017年01月10日 15:47
  • 654

IE 6不支持min-height或max-width等属性的完美解决方案

 (本文的min-height操作方式试用于min-width、max-width、max-height。一样按下面的解决方案进行!)  第一种方法:我们可以利用IE6不识别!impo...
  • Mr_linjw
  • Mr_linjw
  • 2015年06月25日 17:41
  • 482

Easyui-Datagrid实例-----动态加载数据生成Datagrid

上次说到tree的使用,点击tree节点的时候,新增tabs,今天顺便讲一下生成增加tabs的同时生成Datagrid。首先说一下我的想法,根据API提供的通过iframe加载新的页面或者一个url请...
  • chenqk_123
  • chenqk_123
  • 2017年12月13日 17:37
  • 46

ECharts Java 动态加载数据

1、前台JSP页面 ECharts // 配置路径 require.config({ paths: { echarts: '${ctx}/plugins...
  • FOR_CHINA2012
  • FOR_CHINA2012
  • 2015年04月21日 10:35
  • 57268

fullCalendar的小例子

jsp页面 js方法 //初始化fullCalendar组件     $('#calendar').fullCalendar({ //头部左、中、右内容设定 header: { ...
  • lt1051072271
  • lt1051072271
  • 2015年09月25日 16:59
  • 2086

HighChart 折线图 动态加载数据

HighChart 直线图动态加载方法
  • shenyan798092300
  • shenyan798092300
  • 2015年04月07日 17:55
  • 1230
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:一个通用的动态加载数据例子(IE5,NS6,Mozilla 1.3b)
举报原因:
原因补充:

(最多只允许输入30个字)