Javascript刷新页面的几种方法

最新推荐文章于 2022-12-01 15:15:58 发布

平静大海

最新推荐文章于 2022-12-01 15:15:58 发布

阅读量631

点赞数

分类专栏： javascript 文章标签： javascript button 框架 html 电话 360

javascript 专栏收录该内容

59 篇文章 0 订阅

订阅专栏

window.location.reload();
使用window.open()弹出的弹出窗口，刷新父窗口
非模态刷新女页里：window.opener.location.reload()
使用window.showDialog弹出的模式刷新
模态刷新父页面：window.dialogArguments.location.reload();

先来望一个简略的例子：
下面以三个页面分离命实为frame.html、top.html、bottom.html为例来详细阐明如何做。

frame.html 由上(top.html)下(bottom.html)两个页面组成，代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTDHTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> frame </TITLE>
</HEAD>
<frameset rows="50%,400电话,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//DTDHTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> top.html </TITLE>
</HEAD>
<BODY>
<input type=button value="刷新1"οnclick="window.parent.frames[1].location.reload()"><br>
<input type=button value="刷新2"οnclick="window.parent.frames.bottom.location.reload()"><br>
<input type=button value="刷新3"οnclick="window.parent.frames['bottom'].location.reload()"><br>
<input type=button value="刷新4"οnclick="window.parent.frames.item(1).location.reload()"><br>
<input type=button value="刷新5"οnclick="window.parent.frames.item('bottom').location.reload()"><br>
<input type=button value="刷新6"οnclick="window.parent.bottom.location.reload()"><br>
<input type=button value="刷新7"οnclick="window.parent['bottom'].location.reload()"><br>
</BODY>
</HTML>
下面是bottom.html页面流代码，为了证实下方页面的确被刷新了，在装载完页面弹出一个对话框。

bottom.html 页面的代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTDHTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> bottom.html </TITLE>
</HEAD>
<BODY οnlοad="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("<scriptlanguage=javascript>opener.window.navigate(''您要刷新的页.asp'');</script>")

JS刷新框架的足原语句

//如何刷新包括当框架的页面用
<script language=JavaScript>
parent.location.reload();
</script>

//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
</script>
(　或者　<ahref="javascript:opener.location.reload()">刷新</a> )

//如何刷新另一个框架的页面用
<script language=JavaScript>
parent.另一FrameID.location.reload();
</script>

假如想封闭窗心时刷新或许念启窗时刷新的话，正在<body>中调用以下语句便可。

<body οnlοad="opener.location.reload()"> 启窗时刷新
<body onUnload="opener.location.reload()"> 封闭时刷新

<script language="javascript">
window.opener.document.location.reload()
</script>
页面刷新弹出沉试答题解决办法
假如刷新一个已经降接功的页面时,体系老是会提醒一个"沉试或者撤消”的对于话框.,假如是一个一般的页面,佳象也无所谓,有就有,大不了少点一下.但是该人们是正在子窗体中刷新女窗体时,便显得有面过剩了.所以就念把这个对话框给来了.觅了很的措施.总解一下.
一, window.opener.location.reload() 假如改页面没提交过,这个方法好使.但是这个页面一夕提交当时,体系就会提示"重试或者撤消”的对话框.
两, window.opener.location = window.opener.location;这个办法确定没有提醒,但是有个答题就是分页显示的时分,一刷新老是会显示第一页,那个也是天经地义,由于默许恳求的便是第一页
三, window.opener.form1.submit();这个方法也不提示了,这个法子就是自动提交页面,绕启那个烦己提示的界面,但是假如被刷新的页面用到了好比gridwiew控件之类的,里面的数据能够不会跟着刷新而发作变化,缘由就是gridwiew的数据绑定是在某个控件的事情中入止,而页面是通功submit()提交的,不会触收当控件的事件.gridwiew中的数据也是通功读与viewstat中内容取得的,所以在刷新进程中数据不会产生变化.
四, window.opener.__doPostBack(" Control",BB霜,"");其中 Control是控件ID,那个方式便是战胜了三的毛病,不必.opener.form1.submit()这样直交降接.不只让页里主动降接,而且还要念措施让控件的事情也施行.
注意第四类方式也不是完善的,有的页面是出有这样的控件,有的页面有那个控件但也没有能触收数据绑定事情.好比页面数据是随下框内容发作变化的那类页面.由于页面数据能否沉新绑订与决于下推框中内容能否产生变化.而翻开子窗体前后时下推框内容确定出有变化,所以页面内容也不会变化.
五,针对于四,人们能够在女页面用面小技能,好比正在Page_Load中绑订数据时不加IsPostBack断定,但是不佳就不佳在面按钮时同样的数据会绑定两遍.

假如页面出有form，则不会弹出提醒窗心。假如页面有form表双，
a)< form method="post" ...> 会弹出提示窗口
b)< form method="get" ...> 没有会弹出

http://blog.sina.com.cn/u/1752073893 http://blog.sina.com.cn/u/1752065741http://blog.sina.com.cn/u/1752074423 http://blog.sina.com.cn/u/1752147455http://blog.sina.com.cn/u/1752155233 http://blog.sina.com.cn/u/1752147775http://u.zhubajie.com/space-3112230.html http://www.myspace.cn/1312474503http://blog.rednet.cn/user1/1293716/index.html http://www.facekoo.com/aurora003http://bernice3340.blog.163.com/ http://blanche576.blog.163.com/http://beverly2633.blog.163.com/ http://bridget8863.blog.163.com/http://hi.baidu.com/bridget805 http://bridget443.blogbus.comhttp://bridget006.bokee.com http://14360857.blog.hexun.comhttp://14360874.blog.hexun.com http://hi.mop.com/profile.do?id=405906356http://blanche961.blog.sohu.com/ http://blanche277.blog.sohu.com/http://bonnie491.blog.sohu.com/ http://bernice4863.blog.sohu.com/http://bonnie258.blog.tianya.cn/?idwriter=38297151&key=229681394http://blog.cnfol.com/bridget405 http://blog.cnfol.com/bridget283

平静大海

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript刷新页面的几种方法

window.location.reload();使用window.open()弹出的弹出窗口，刷新父窗口非模态刷新女页里：window.opener.location.reload()使用window.showDialog弹出的模式刷新模态刷新父页面：window.dialogArguments.location.reload();先来望一个简略的例子：下面以三个
复制链接

扫一扫