JavaScript实现页面定时跳转与自动刷新的多种方法

作者：木棉时间：2026-10-30 07:31:33浏览：114

本文汇总了JavaScript及HTML中实现页面自动刷新与定时跳转的多种技术方案。内容涵盖使用JavaScript定时器控制跳转、通过Meta标签设置刷新间隔、ASP/ASP.NET服务端重定向以及针对特定框架和弹出窗口的刷新策略。详细解析了各方法的代码实现、参数含义及适用场景，帮助开发者根据需求选择最合适的页面控制方式。

JS页面刷新与跳转方法汇总

本站汇总的JS刷新页面相关总结：https://www.jb51.net/article/139788.htm

1.js 代码示例：


<SCRIPT LANGUAGE="JavaScript">
var time = 5; //时间,秒
var timelong = 0;
function diplaytime(){ //时间递减
document.all.his.innerHTML = time -timelong ;
timelong ++;
}
function redirect(){ //跳转页
//history.back();
window.location.href="Category-list";//指定要跳转到的目标页面
}
timer=setInterval('diplaytime()', 1000);//显示时间
timer=setTimeout('redirect()',time * 1000); //跳转
</SCRIPT>

2.页面引用方式：


<DIV ALIGN="CENTER" style="font-size:15;color:threeddarkshadow;" >
如果你不执行任何操作，系统会在5秒后自动返回！
</DIV>
<DIV ALIGN="CENTER" style="font-size:15;color:threeddarkshadow;" id="his">
5秒钟后自动返回.....
</DIV>

javascript/js 自动刷新页面和页面跳转的实现方法


<meta http-equiv="refresh"content="10;url=跳转的页面">

10表示间隔10秒刷新一次


<script language=''javascript''>
window.location.reload(true);
</script>

如果是你要刷新某一个iframe就把window给换成frame的名字或ID号


<script language=''javascript''>
window.navigate("本页面url");
</script>


function abc()
{
window.location.href="/blog/window.location.href";
setTimeout("abc()",10000);
}

刷新本页：


Response.Write("<script language=javascript>window.location.href=window.location.href;</script>")

刷新父页：


Response.Write("<script language=javascript>opener.location.href=opener.location.href;</script>")

转到指定页:


Response.Write("<script language=javascript>window.location.href='yourpage.aspx';</script>")

HTML与ASP实现页面刷新

刷新页面实现方式总结(HTML,ASP,JS)'by aloxy

定时刷新：

1，


<script>setTimeout("location.href='url'",2000)</script>

说明：url是要刷新的页面URL地址

2000是等待时间=2秒，

2，<meta name="Refresh" content="n;url">

说明：

n is the number of seconds to wait before loading the specified URL.

url is an absolute URL to be loaded.

n,是等待的时间，以秒为单位

url是要刷新的页面URL地址

3，<%response.redirect url%>

说明：一般用一个url参数或者表单传值判断是否发生某个操作，然后利用response.redirect刷新。

4，刷新框架页


〈script language=javascript>top.leftFrm.location.reload();parent.frmTop.location.reload();</script〉

弹出窗体后再刷新的问题


Response.Write("<script>window.showModalDialog('../OA/SPCL.aspx',window,'dialogHeight: 300px; dialogWidth: 427px; dialogTop: 200px; dialogLeft: 133px')</script>");//open
Response.Write("<script>document.location=document.location;</script>");

在子窗体页面代码head中加入<base target="_self"/>

刷新的内容加在 if (!IsPostBack)中在框架页中右面刷新左面


//刷新框架页左半部分
Response.Write("<script language=javascript>");
Response.Write("parent.left.location.href='PayDetailManage_Left.aspx'");
Response.Write("</script>");

页面定时刷新功能实现

有三种方法：

1，在html中设置：

<title>xxxxx</title>之後加入下面这一行即可！

定时刷新：<META HTTP-EQUIV="Refresh" content="10">

10代表刷新间隔,单位为秒

2.jsp

<% response.setHeader("refresh","1"); %>

每一秒刷新一次

3.使用javascript.:


<script language="javascript">
setTimeout("self.location.reload();",1000);
<script>

一秒一次

页面自动跳转实现

页面自动跳转：

1，在html中设置：

<title>xxxxx</title>之後加入下面这一行即可！

定时跳转并刷新：<meta http-equiv="refresh" content="20;url=http://自己的URL">,其中20指隔20秒后跳转到http://自己的URL

页面。

窗口交互与刷新策略

点击按钮提交表单后刷新上级窗口

A窗口打开B窗口

然后在B里面提交数据至C窗口

作者最新文章

JS中将数组和对象混合组装为JSON字符串

2026-11-05 16:41:42

JS运算符优先级与结合性的区别是什么？

2026-11-05 13:22:02

JS Map怎么只遍历Key或Value

2026-11-05 13:00:36

D3.js 与 ECharts 选型对比：灵活性 vs 开发效率

2026-11-05 09:45:01

为什么JS中typeof []返回object：数组类型检测误区解析

2026-11-04 19:50:47