`
zerofire
  • 浏览: 2141 次
  • 性别: Icon_minigender_1
  • 来自: 克拉玛依
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

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

最后要刷新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元标签和JavaScript技术,我们可以轻松实现页面的自动刷新、自动跳转以及自动关闭等功能,极大地提升了Web应用的用户体验和功能性。

    javascript页面跳转与自动刷新常用代码

    #### 一、JavaScript刷新页面的多种方法 JavaScript提供了多种方式来刷新页面,具体方法如下: 1. **`history.go(0)`** - 这个方法用于重新加载当前文档。 - **示例代码**: ```javascript history.go(0); ``...

    自动刷新网页 js 自动刷新 自动跳转

    js 自动刷新 自动跳转 js 自动刷新 自动跳转

    js自动刷新代码

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

    JS页面跳转和js对iframe进行页面跳转、刷新

    在IT领域,特别是前端开发中,JavaScript(简称JS)被广泛用于实现网页的动态功能,包括页面跳转和对iframe内的页面进行跳转与刷新。本文将深入解析JS页面跳转的各种方法,以及如何利用JS操作iframe进行页面跳转和...

    js页面跳转和自动刷新

    ### JS页面跳转和自动刷新知识点详解 #### 一、页面跳转方法及其实现原理 页面跳转在Web开发中是一项非常基础且重要的功能,它涉及到用户在不同页面之间的导航与交互。JavaScript提供了多种方式来实现页面跳转,每...

    三秒后自动跳转页面

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

    js定时刷新页面的方法

    通过以上方法,我们可以灵活地在JavaScript中实现页面的刷新功能,无论是简单的即时刷新,还是基于时间间隔的自动刷新,甚至是在不同上下文中的刷新需求。在实际开发中,根据具体场景选择合适的方法,并注意处理好...

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

    ### PHP 页面自动跳转的几种实现方法 在网站开发中,页面自动跳转是一个非常实用的功能,它能够帮助用户在完成某些操作后自动导航到下一个页面。...开发者可以根据实际需求选择最合适的方法来实现页面的自动跳转。

    Javascript刷新页面的几种方法

    ### JavaScript刷新页面的方法 在Web开发中,有时候我们需要利用JavaScript来实现页面的自动刷新或跳转功能。本文将详细介绍几种常见的使用JavaScript刷新页面的方法,并解释它们的工作原理。 #### 1. 使用`...

    java页面自动跳转

    通过本文介绍的方法,开发者可以根据不同的场景和需求选择合适的实现方案来实现页面的自动跳转。无论是在客户端还是服务器端,都有多种可行的技术方案可供选择。希望本文能为正在从事Java Web开发的读者提供帮助和...

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

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

    js刷新当前页面

    ### JavaScript 刷新当前页面的方法与原理 在Web开发过程中,页面刷新是一个常见需求。通过JavaScript进行页面刷新不仅可以增强用户体验,还能解决一些特定场景下的问题。本文将详细介绍几种常见的JavaScript页面...

    自动刷新网页

    “新页面地址”可选,如果指定了新的URL,网页将在指定时间后跳转到该链接,若为空则在原页面刷新。 三、JavaScript实现自动刷新 使用JavaScript,我们可以更加灵活地控制页面的刷新行为。例如,下面的代码会在5...

    javascript页面跳转常用代码.pdf

    JavaScript 页面跳转是一种常见的网页交互方式,通过JavaScript 代码可以实现页面的跳转、刷新和关闭等操作。在本文中,我们将介绍 JavaScript 页面跳转常用代码,包括页面刷新、自动刷新、自动跳转、框架刷新、子...

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

    在HTML中实现页面刷新时重定向到另一个网页或网站域名,主要是通过两种方式来完成:Meta刷新和JavaScript。这两种方法都是纯前端技术,无需后台语言如JAVA或PHP的配合。 一、Meta刷新重定向 Meta刷新是HTML元元素...

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

    同时,对于更复杂的交互和动态更新,JavaScript提供了更灵活的方法,如`setTimeout`函数可以实现定时执行任务,包括刷新和跳转操作。 总的来说,HTML的`&lt;meta&gt;`标签通过`http-equiv`和`content`属性提供了刷新和...

    javascript跳转与返回和刷新页面的实例代码.docx

    通过上述讨论可以看出,JavaScript提供了丰富的API来实现页面跳转、返回和刷新的功能。开发者可以根据具体的应用场景选择合适的方法来优化用户体验。希望本文能帮助您更好地理解和运用这些技术。如果您有任何疑问或...

    如何实现网页自动跳转

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

Global site tag (gtag.js) - Google Analytics