用iframe实现的网页局部刷新
2008-05-22 10:37
260 查看
这里设置的是每秒刷新一次。实际应用时,此刷新
频率可能要影响服务器的性能,可设置为每隔5到10分钟刷新一次。
<html>
<body onload='dis()'>
<div id=f style="position:absolute;top:100;left:100;width:300;height:300;background-color:#9999FF;">
<iframe id=ref1 src="ref1.htm"></iframe>
</div>
<button name=fr onclick="javascript:ref1.location.reload()">ddd</button>
<span id=cnt>ssss<span><br>
<script language=javascript>
function dis()...{
var d=new Date();
cnt.innerHTML="<b>"+d+"</b>";
re();
}
void function re()
{
ref1.location.reload();
setTimeout("re()",1000);
}
</script>
</body>
</html>
ref1.htm
----------------------------------------------
<html>
<body>
<span id=cnt>ssss<span><br>
<script language=javascript defer>
cnt.innerHTML="<b>"+new Date()+"</b>";
</script>
</body>
</html>
频率可能要影响服务器的性能,可设置为每隔5到10分钟刷新一次。
<html>
<body onload='dis()'>
<div id=f style="position:absolute;top:100;left:100;width:300;height:300;background-color:#9999FF;">
<iframe id=ref1 src="ref1.htm"></iframe>
</div>
<button name=fr onclick="javascript:ref1.location.reload()">ddd</button>
<span id=cnt>ssss<span><br>
<script language=javascript>
function dis()...{
var d=new Date();
cnt.innerHTML="<b>"+d+"</b>";
re();
}
void function re()
{
ref1.location.reload();
setTimeout("re()",1000);
}
</script>
</body>
</html>
ref1.htm
----------------------------------------------
<html>
<body>
<span id=cnt>ssss<span><br>
<script language=javascript defer>
cnt.innerHTML="<b>"+new Date()+"</b>";
</script>
</body>
</html>
相关文章推荐
- 用iframe实现的网页局部刷新
- iframe实现局部刷新和回调(转)
- Pjax实现网页局部刷新
- .net MVC中如何使用iframe实现局部刷新
- iframe局部刷新的二种实现方法
- ajax实现网页的局部刷新
- 用iframe实现局部刷新的各种跳转方法(网上总结)
- jquery使用iframe实现HTML页面局部刷新代码
- 解决iframe,div在移动设备上实现局部刷新的方法
- iframe局部刷新的二种实现方法
- 用Iframe实现局部刷新
- AJAX技术实现网页无闪自动局部刷新
- ajax鼠标滚动到网页底部实现局部刷新~瀑布流
- 使用AJAX技术实现网页无闪自动局部刷新
- Ajax实现网页无闪自动局部刷新(邮件接收提示)
- 利用iframe实现局部刷新
- iframe实现局部刷新和回调--开篇
- JavaScript中iframe实现局部刷新的几种方法汇总
- Iframe实现局部刷新
- iframe的name属性用法(配合a标签的target属性实现页面局部刷新)