自动刷新页面大全

iteye_1457

于 2014-07-30 14:52:13 发布

阅读量95

点赞数

CC 4.0 BY-SA版权

分类专栏： web Javascript 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_1457/article/details/82601492

web 同时被 2 个专栏收录

13 篇文章

订阅专栏

Javascript

4 篇文章

订阅专栏

本文介绍如何使用HTML与JavaScript实现网页的自动刷新及跳转功能，包括<meta>标签设置刷新间隔和目标URL的方法，以及利用JavaScript定时器进行页面刷新的技术细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1，页面自动刷新：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
每20秒刷新一次。

2，页面自动跳转：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=http://www.baidu.com">
其中20指隔20秒后跳转到http://www.baidu.com页面.

3，页面自动刷新js版
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>

4，JS刷新框架的脚本语句
//刷新包含该框架的页面用
<script language=JavaScript>
parent.location.reload();
</script>
//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
</script>
(　或　<a href="javascript:opener.location.reload()">刷新</a> )
//刷新另一个框架的页面用
<script language=JavaScript>
parent.另一FrameID.location.reload();
</script>