js刷新页面代码大全

js刷新页面代码大全,需要的朋友可以把本文收藏起来,方便自己查询。

js的功能太强大了,就是没有一个好点的编码工具,听说.net2008已经有语法提示了,,可是我还没有用,,过几天在说吧!还是解决问题!找了找,找到了零零星星的片段代码,现在我在这里整理一下,以方便以后用!
有三个页面分别命名为frame.html、top.html、bottom.html

frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下:

<frameset rows="50%,50%">
<frame name=top src="top.html">
<frame name=bottom src="bottom.html">
</frameset>

现在假设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 页面的代码如下:

<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 页面的代码如下:

<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">
window.opener.document.location.reload()

大概也就找到这么多,我不可能一下子全记住,以后要用到的时候在来查就好了

时间: 2024-08-30 02:36:07

js刷新页面代码大全的相关文章

js刷新页面方法大全_javascript技巧

如何实现刷新当前页面呢?借助js你将无所不能. 1,reload 方法,该方法强迫浏览器刷新当前页面.语法:location.reload([bForceGet])   参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页.true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2,replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过"前

js 刷新页面中的图片代码

js 刷新页面中的图片代码   w=window.open("about:blank","images","scrollable=yes"); w.document.open(); for(i=0;i<document.images.length;i++) w.document.write("<img src='" + document.images[i].src + "' /><br /&g

全局变量-js刷新页面后怎么能保存之前赋值的数据不丢失

问题描述 js刷新页面后怎么能保存之前赋值的数据不丢失 在jsp页面中通过js刷新页面,在刷新之前我给input标签和A标签都赋值了 以及和一些全局变量都赋值了. 我想通过js刷新之后把刚才标签或者是变量的值都保存下来,以便接下来用. 但是,现在js刷新之后上面的那些数据都丢失了. 请问有什么办法能让刷新之后还能保存住数据不丢失. 那位大神知道. 解决方案 页面无刷新调用数据(IFRAME+js) 解决方案二: 刷新后,你先查一下保存的变量中的数值是否正确? 如果正确,则需要在刷新完成后执行一下

js 刷新页面的代码小结 推荐_javascript技巧

1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: <a href="javascript:history.go(-1);">向上一页</a> response.Write("<script

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  定时页面自动刷新js版 程序代码  代码如下 复制

js刷新页面: JS控制页面内容可编辑,想删就删

在地址栏输入这一行代码,然后回车,就发现整个页面都可以随意编辑了.仅仅是一行很短的代码.页面上的所有内容都可以修改了,就像在word中编辑一样.那些不让拷贝的网站可以被这招通杀了.以后谁还会傻乎乎地分析页面代码,然后修改,保存,刷新,再拷贝呢?javascript:document.body.contentEditable='true'; document.designMode='on';!msn1dai 本文链接http://www.cxybl.com/html/wyzz/JavaScript

js刷新页面location.reload()用法介绍

window.location.reload(true) //浏览器重新从服务器请求资源,在http请求头中不会包含缓存标记. 如果要刷新当前页面非常的简单  代码如下 复制代码 <script> window.location.reload(); </script> JS实现刷新iframe的方法 用iframe的name属性定位  代码如下 复制代码 <input type="button" name="Button" value=

js刷新页面各种方法

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.pa

刷新页面实现方式总结(HTML,ASP,JS)

js|刷新|页面 定时刷新: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 speci