JS在一定时间内跳转页面及各种刷新页面的实现方法

前端技术 2023/09/06 JavaScript

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 自动刷新页面和页面跳转的实现方法

1)

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

10表示间隔10秒刷新一次

2)

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

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

3)

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

4>

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,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窗口

本文地址：https://www.stayed.cn/item/17081

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案