`
zjx2388
  • 浏览: 1337075 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

javascript刷新页面--1 [转]

阅读更多

2)
<script>
window.location.reload(true);
</script>
如果是你要刷新某一个iframe就把window给换成frame的名字或ID号
3)
<script>
window.navigate("本页面url");
</script>
4>

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

刷新本页:
Response.Write("<script>window.location.href=window.location.href;</script>")

刷新父页:
Response.Write("<script>opener.location.href=opener.location.href;</script>")

转到指定页:
Response.Write("<script>window.location.href='yourpage.aspx';</script>")
刷新页面实现方式总结(HTML,ASP,JS)
'by aloxy

定时刷新:
1,<script>setTimeout("location.href='url'",2000)</script>

说明:url是要刷新的页面URL地址
2000是等待时间=2秒,

2,

说明:
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,<!--sponse.redirect ur-->

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

4,刷新框架页
〈script language=javascript>top.leftFrm.location.reload();parent.frmTop.location.reload(); 弹出窗体后再刷新的问题

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中加入

刷新的内容加在 if (!IsPostBack) 中

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

页面定时刷新功能实现

有三种方法:
1,在html中设置:
之後加入下面这一行即可!
定时刷新:
10代表刷新间隔,单位为秒

2.jsp
<!--esponse.setHeader("refresh","1");-->
每一秒刷新一次

3.使用javascript:
<script>
setTimeout("self.location.reload();",1000);
<script>
一秒一次


页面自动跳转:

<script>
window.location.href="mian.aspx";
history.go(0);//window.close(); //关闭浏览器此页的窗口
</script>

先来看一个简单的例子:
下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。

frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> frame </TITLE>
</HEAD>
<frameset rows="50%,50%">
<frame name=top src="top.html">
<frame name=bottom src="bottom.html">
</frameset>
</HTML>
现在假设top.html (即上面的页面) 有七个button来实现对bottom.html (即下面的页面) 的刷新,可以用以下七种语句,哪个好用自己看着办了。

语句1. window.parent.frames[1].location.reload();
语句2. window.parent.frames.bottom.location.reload();
语句3. window.parent.frames["bottom"].location.reload();
语句4. window.parent.frames.item(1).location.reload();
语句5. window.parent.frames.item('bottom').location.reload();
语句6. window.parent.bottom.location.reload();
语句7. window.parent['bottom'].location.reload();

top.html 页面的代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> top.html </TITLE>
</HEAD>
<BODY>
<input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()"><br>
<input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()"><br>
<input type=button value="刷新3" onclick="window.parent.frames['bottom'].location.reload()"><br>
<input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br>
<input type=button value="刷新5" onclick="window.parent.frames.item('bottom').location.reload()"><br>
<input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br>
<input type=button value="刷新7" onclick="window.parent['bottom'].location.reload()"><br>
</BODY>
</HTML>
下面是bottom.html页面源代码,为了证明下方页面的确被刷新了,在装载完页面弹出一个对话框。

bottom.html 页面的代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> bottom.html </TITLE>
</HEAD>
<BODY onload="alert('我被加载了!')">
<h1>This is the content in bottom.html.</h1>
</BODY>
</HTML>
解释一下:
1.window指代的是当前页面,例如对于此例它指的是top.html页面。
2.parent指的是当前页面的父页面,也就是包含它的框架页面。例如对于此例它指的是framedemo.html。
3.frames是window对象,是一个数组。代表着该框架内所有子页面。
4.item是方法。返回数组里面的元素。
5.如果子页面也是个框架页面,里面还是其它的子页面,那么上面的有些方法可能不行。

附:
Javascript刷新页面的几种方法:
1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href

自动刷新页面的方法:
1.页面自动刷新:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.

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

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

ASP.NET如何输出刷新父窗口脚本语句
1. this.response.write("<script>opener.location.reload();</script>");

2. this.response.write("<script>opener.window.location.href = opener.window.location.href;</script>");

3. Response.Write("<script language=javascript>opener.window.navigate(''你要刷新的页.asp'');</script>")


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>

如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。

<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新

<script language="javascript">

引用自:http://hi.baidu.com/wonderthing

分享到:
评论

相关推荐

    javascript经典特效---禁止刷新页面.rar

    在JavaScript编程中,有时我们可能需要实现特定的功能,比如防止用户意外或恶意地刷新页面,以确保数据的一致性和用户体验。这个"javascript经典特效---禁止刷新页面.rar"压缩包文件包含了一个示例,展示了如何使用...

    javascript经典特效---刷新等待.rar

    这种技术对于优化用户体验,特别是在执行耗时操作或数据加载时,能够避免用户因误操作而反复刷新页面。 在"刷新等待.htm"这个文件中,我们可能看到的是一段利用JavaScript实现的代码,用于在页面刷新过程中显示等待...

    javascript-client-generated.zip

    3. **AJAX**:Asynchronous JavaScript and XML,用于在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。 4. **Promise和async/await**:用于处理异步操作,使得代码更易读、更易于管理。 5. **模板引擎...

    javascript经典特效---直接链接刷新页面.rar

    在网页中,JavaScript可以实现许多实用的功能,其中包括我们今天要讨论的主题——直接链接刷新页面。 首先,理解“直接链接刷新页面”的概念。这通常涉及到用户点击一个链接后,不仅跳转到新的页面,而且新页面加载...

    javascript网页开发-张孝祥.pdf

    根据提供的信息,我们可以推断这份文档“javascript网页开发-张孝祥.pdf”主要涉及JavaScript在网页开发中的应用。虽然给出的部分内容并未包含实际的文本信息,仅是关于PDF创建工具的信息,但我们仍可以根据标题、...

    javascript经典特效---在网页中运行代码.rar

    JavaScript是一种广泛应用于网页开发的脚本语言,它可以让网页具有动态交互性,使得用户与网页内容之间能够进行实时的互动。本压缩包“javascript经典特效---在网页中运行代码.rar”聚焦于如何在网页中利用...

    javascript实例应用---页面特效类.rar

    7. **AJAX**:异步JavaScript和XML,虽然现在更多使用JSON而非XML,AJAX允许在不刷新整个页面的情况下更新部分内容,这对于实现动态加载和实时更新的特效非常有用。 8. **ES6新特性**:包括箭头函数、模板字符串、...

    javascript经典特效---打开页面特效(二).rar

    JavaScript是一种广泛应用于网页和应用程序开发的脚本语言,尤其在创建动态、交互式的网页效果方面,JavaScript发挥着至关重要的作用。"javascript经典特效---打开页面特效(二).rar"这个压缩包文件,很显然,是关于...

    javascript经典特效---可选择的页面信息.rar

    7. AJAX异步请求:如果页面信息是从服务器动态获取的,那么可能会使用AJAX(Asynchronous JavaScript and XML)技术,它可以在不刷新整个页面的情况下更新部分网页内容。 8. 模块化编程:为了保持代码的整洁和可...

    javascript经典特效---XML超酷页面效果二.rar

    2. **Ajax异步请求**:使用XMLHttpRequest对象,JavaScript可以发送异步HTTP请求,获取服务器端的XML数据,然后在不刷新整个页面的情况下更新部分内容。这种方法极大地提升了用户体验。 3. **XSLT转换**:XSLT...

    javascript经典特效---源代码的显示.rar

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责实现客户端的交互效果、动态功能以及数据处理。在“javascript经典特效---源代码的显示.rar”这个压缩包中,我们关注的重点是源代码的展示,这...

    javascript实例应用---综合类.rar

    4. **AJAX异步通信**:AJAX允许网页在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。这在构建富交互应用时非常关键。实例可能展示了XMLHttpRequest对象的使用,或者更现代的fetch API。 5. **jQuery...

    javascript实例应用---流行特效类.rar

    6. **AJAX异步通信**:为了实现动态更新,JavaScript提供了AJAX(异步JavaScript和XML)技术,让网页无需刷新就能与服务器交换数据。了解`XMLHttpRequest`或更现代的`fetch` API的使用方法,可以创建动态和实时的...

    javascript经典特效---FTP页面登录.rar

    JavaScript是一种广泛应用于网页和网络应用的编程语言,尤其在客户端脚本方面,它扮演着至关重要的角色。在“FTP页面登录”这个主题中,我们主要关注的是如何利用JavaScript实现一个模拟FTP(文件传输协议)登录界面...

    JavaScript自学手册-电子教案

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责实现客户端的交互效果、动态更新内容以及与服务器进行异步数据交换。这本"JavaScript自学手册-电子教案"涵盖了JavaScript的基础到高级知识,...

    javascript经典特效---文字虚幻变换.rar

    JavaScript是一种广泛应用于网页和互联网应用的编程语言,尤其在实现动态交互效果方面有着显著的作用。在本案例"javascript经典特效---文字虚幻变换"中,我们将探讨如何利用JavaScript技术实现文字的虚幻变换效果,...

    javascript经典特效---导航菜单选择.rar

    此外,为了实现更丰富的交互性,可能还会涉及到AJAX(Asynchronous JavaScript and XML),它允许我们在不刷新整个页面的情况下更新部分内容。例如,当用户点击菜单项时,可以通过AJAX请求加载与该菜单项关联的内容...

    Javascript刷新页面的几种方法

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

    javascript经典特效---弹出欢迎的动画小人.rar

    在JavaScript的世界里,动画效果是增强用户体验的重要手段之一。"javascript经典特效---弹出欢迎的动画小人...学习这个案例可以帮助我们深入理解JavaScript在动态网页设计中的应用,提升网页交互的趣味性和用户体验。

Global site tag (gtag.js) - Google Analytics