`
starbhhc
  • 浏览: 658504 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

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

最后要刷新A窗口

并且关闭B窗口

几个javascript函数

//第一个自动关闭窗口
<script language="javascript">
<!--
function clock(){i=i-1
document.title="本窗口将在"+i+"秒后自动关闭!";
if(i>0)setTimeout("clock();",1000);
else self.close();}
var i=2
clock();
//-->
</script>

//第二个刷新父页面的函数

<script language="javascript">
opener.location.reload();
</script>


//第三个打开窗口

<script language="javascript">
function show(mylink,mytitle,width,height)
{mailwin=window.open(mylink,mytitle,'top=350,left=460,width='+width+',height='+height+',scrollbars=no')}
</script>

 

js刷新父页面
非模态刷新父页面:window.opener.location.reload();
模态刷新父页面:window.dialogArguments.location.reload();

Response.Write("<script language=\"javascript\">\r\n");
Response.Write("<!--\r\n");
Response.Write("if(dialogArguments != null){\r\n");
// 注意上面的dialogArguments,就是父页面showModalDialog()的第二个参数。
// 就是父页面的window对象引用。
Response.Write("dialogArguments.location.reload(true);\r\n");
// 上面就是刷新父页的代码,相当于在父页上使用
// window.location.reload(true);代码
Response.Write("window.close();}"); // 关闭对话框
Response.Write("//-->\r\n</script>"); //关闭脚本块
}
上面的代码就是关闭对话框和刷新父页的代码,这段代码也可以直接写入editdata.aspx的html中,然后在后台cs中调用


<script>
<!--

var limit="0:10"

if (document.images){
var parselimit=limit.split(":")
parselimit=parselimit[0]*60+parselimit[1]*1
}
function beginrefresh(){
if (!document.images)
return
if (parselimit==1)
window.location.reload()
else{
parselimit-=1
curmin=Math.floor(parselimit/60)
cursec=parselimit%60
if (curmin!=0)
curtime=curmin+"分"+cursec+"秒后重刷本页!"
else
curtime=cursec+"秒后重刷本页!"
window.status=curtime
setTimeout("beginrefresh()",1000)
}
}

window.onload=beginrefresh
file://-->
</script>

分享到:
评论

相关推荐

    自动刷新页面+自动跳转和关闭

    ### 自动刷新页面与自动跳转关闭的知识点详解 #### 一、自动刷新页面 **自动刷新页面**是指网页在设定的时间间隔后自动重新加载自身的过程。这一功能可以通过多种技术实现,包括HTML元标签(`&lt;meta&gt;`标签)、...

    三秒后自动跳转页面

    在网页设计和开发中,"三秒后自动跳转页面"是一种常见的技术手段,用于在特定条件下引导用户从当前页面转移到另一个页面。这种技术在多种场景下被广泛使用,例如错误处理、信息提示或者更新页面内容。下面我们将深入...

    js自动刷新代码

    本文将详细介绍如何使用JavaScript(简称JS)来实现页面的自动刷新,并探讨各种不同的刷新场景。 #### 二、基本原理与方法 自动刷新可以通过多种方式实现,下面我们将逐一介绍这些方法: ##### 1. 定时刷新当前...

    java页面自动跳转

    通过设置HTML文档头部的`&lt;meta&gt;`标签,可以实现页面的自动刷新或跳转。这种方式无需编写任何脚本,较为简单。 ```html ;url=xxxx.jsp"&gt; ``` 其中,`content`属性的值表示等待时间及目标URL。例如,`content="2;url...

    php页面自动跳转的几种实现方法

    ### PHP 页面自动跳转的几种实现方法 在网站开发中,页面自动跳转是一个非常实用的功能,它能够帮助用户在完成某些操作后自动导航到下一个页面。PHP 作为一种广泛使用的服务器端脚本语言,提供了多种方式来实现页面...

    自动刷新网页

    网页自动刷新技术是一种提高网站流量的方法,它允许网页在设定的时间间隔后自动重新加载或跳转到新的页面,而无需用户手动操作。这种技术在某些特定场景下非常有用,例如实时更新信息的网站或者需要持续关注变化的...

    HTML网页跳转实现5秒之后刷新本页,5秒之后跳转到其它页.zip

    在特定情况下,我们需要控制用户在页面上的浏览行为,比如实现网页的自动刷新或跳转到其他页面。本教程将详细介绍如何利用HTML的`&lt;meta&gt;`标签来实现5秒后刷新本页以及5秒后跳转到其他页面的效果。 `&lt;meta&gt;`标签是...

    html如何在刷新网页面时重定向跳转到另一个网页或网站域名.纯前端代码,无需后台JAVA,PHP配合

    Meta刷新是HTML元元素(Meta element)的一个特性,通过设置HTTP头信息中的"refresh"指令,可以实现页面自动刷新或跳转。具体代码如下: ```html 秒数;URL=目标URL"&gt; ``` 这里的"秒数"是指页面停留的时间(单位为...

    实现网页自动定时刷新到某个页面

    ### 实现网页自动定时刷新到某个页面 在现代网页开发中,有时为了保持信息的实时性和准确性,开发者可能会采用自动定时刷新技术来确保用户能够获取最新的数据或状态。本篇文章将详细探讨如何通过HTML元信息标签`...

    Javascript刷新页面的几种方法

    #### 自动刷新页面 可以在`&lt;head&gt;`标签内添加以下代码: ```html ``` 这里`content`属性中的数值表示多少秒后刷新一次页面。 #### 自动跳转页面 也可以使用`meta`标签实现页面自动跳转: ```html ; url=...

    如何实现网页自动跳转

    另一种常见的方法是利用`&lt;meta&gt;`标签的`http-equiv`属性来设置页面刷新间隔及目标URL,从而实现自动跳转: ```html &lt;!DOCTYPE html&gt; ;url=http://example.com/" /&gt; 页面将在5秒后自动跳转至目标地址。 ``` ...

    自动刷新所指定的网站

    2. **JavaScript自动刷新**: - 使用`window.onload`事件确保页面加载完成后执行刷新操作:`window.onload = function() { window.location.reload(true); }` - 如果需要设置定时刷新,可以使用`setTimeout`函数:...

    页面定时自动刷新代码实现

    ### 页面定时自动刷新代码实现详解 #### 一、引言 在Web开发中,有时我们需要让页面自动刷新,以更新显示的数据或者确保用户看到的是最新的信息。页面定时自动刷新可以通过多种方式进行实现,包括HTML元标签、...

    js页面跳转 多种javascript页面中转方法

    ### JavaScript 页面跳转方法概述 在Web开发中,页面跳转是实现用户导航的重要手段之一。JavaScript作为一种广泛使用的客户端脚本语言,提供了多种方式进行页面跳转。本文将详细介绍几种常见的JavaScript页面跳转...

    js定时刷新页面的方法

    2. **定时刷新页面**:如果我们想要在一段时间后自动刷新页面,可以使用`setTimeout()`或`setInterval()`函数。`setTimeout()`用于一次性执行,而`setInterval()`则会在指定间隔反复执行。例如,每隔5秒刷新页面: ...

    页面自动刷新.docx

    本文将从不同角度对页面自动刷新的方法进行详细介绍,并深入探讨相关的实现原理和技术要点。 #### 一、HTML Meta 标签实现页面刷新与跳转 1. **页面自动刷新**: - HTML 中的 `&lt;meta&gt;` 标签可以用来控制页面的...

    页面刷新 定时刷新 设置刷新

    首先,页面刷新是指重新加载当前网页,这可以是用户手动操作(通过点击浏览器上的刷新按钮或使用键盘快捷键F5),也可以是通过编程方式自动执行。刷新操作有助于确保用户看到的是网页的最新内容,尤其是在服务器端有...

    JavaWeb开发技术-实现网页定时刷新并跳转.pptx

    Java Web 开发技术实现网页定时刷新并跳转 ...在这个 PPTX 文件中,我们学习了如何使用 Java Web 开发技术来实现网页定时刷新并跳转的功能,了解了 Java Servlet 的基本概念和定时任务的实现方法。

    JS网页刷新大全 JS网页刷新大全

    ### 自动刷新页面 除了手动刷新页面之外,还可以设置页面自动刷新。这通常用于监控实时数据更新的场景中。 1. **使用Meta标签**: ```html ``` 这段代码表示每20秒刷新一次页面。 2. **使用Meta标签跳转页面...

Global site tag (gtag.js) - Google Analytics