js 刷新页面 方法大全

最新推荐文章于 2023-03-26 09:43:02 发布
最新推荐文章于 2023-03-26 09:43:02 发布
阅读量700 收藏
点赞数
分类专栏： .net JS 文章标签： button javascript html input 框架 action
.net 同时被 2 个专栏收录
79 篇文章 0 订阅
订阅专栏
JS
18 篇文章 0 订阅
订阅专栏

js 刷新页面 方法大全

 

一、先来看一个简单的例子：
        下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。
        
        frame.html 由上(top.html)下(bottom.html)两个页面组成，代码如下：

CODE:

<!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 (即下面的页面) 的刷新，可以用以下七种语句，哪个好用自己看着办了。

CODE:

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页面源代码，为了证明下方页面的确被刷新了，在装载完页面弹出一个对话框。

CODE:

<!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> 解释一下：

CODE:

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>区域中

CODE:

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

CODE:

<meta http-equiv="refresh" content="20;url=http://xcp.blogjava.net">
其中20指隔20秒后跳转到http://xcp.blogjava.net页面3.页面自动刷新js版

CODE:

<script language="JavaScript">
    function myrefresh()
    {
           window.location.reload();
    }
    setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script> 三、java在写Servler,Action等程序时，要操作返回页面的话（如谈出了窗口，操作完成以后，关闭当前页面，刷新父页面）

CODE:

PrintWriter out = response.getWriter();
        out.write("<script  type=/"text/javascript/">");
         子窗口刷新父窗口
         out.write("self.opener.location.reload();");
         //关闭窗口
         out.write("window.opener=null;");
         out.write("window.close();");
         out.write("</script>");四、JS刷新框架的脚本语句
        1.如何刷新包含该框架的页面用

CODE:

<script language=JavaScript>
  parent.location.reload();
</script2.子窗口刷新父窗口

CODE:

<script language=JavaScript>
    self.opener.location.reload();
</script>3.如何刷新另一个框架的页面用 （上面的实例以说明了）

CODE:

语句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(); 4.如果想关闭窗口时刷新或者想开窗时刷新的话，在<body>中调用以下语句即可。

CODE:

<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
<script language="javascript">
    window.opener.document.location.reload()
</script>
fxhflower
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js刷新页面方法大全
10-30
本文介绍下，用js刷新当前页面的几种方法，包括reload方法、replace方法、自动刷新方法等。有需要的朋友参考下吧
刷新页面的几种方式
qq_41893413的博客
05-11 9458
reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数：bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替换的URL。 语法： location.replace(.
页面刷新方式
weixin_46708626的博客
07-25 6191
我们在浏览网页时会因为一些原因导致网页展示较慢，这时我们需要对其进行网页刷新，刷新方式主要有以下几种： 1、使用快捷键F5刷新网页； 2、使用ctrl+F5是强制刷新网页； 3、将打开的全部网页一起刷新是Shift+F5； 4、直接左键单击URL地址前的刷新按钮就能刷新网页； 5、打开F12开发者模式，然后右键单击刷新按钮这时会有三个选项，任选其一即可： （1）正常重新加载； （2）硬性重新加载； （3）清空缓存并硬性重新加载。 注意：某些笔...
【Vue】实现当前页面刷新的四种方法
热门推荐
aDiaoYa_的博客
03-26 4万+
这两周在写一个后台管理，每次调用接口实现增删改查的过程中，都需要刷新当前页面或者刷新数据。因此整理了如下方法： 方法一：location.reload 方法二：$router.go(0) 方法三：provide、inject和$nextTick 方法四：创建空白页
网页页面刷新方法
火雨(Nick)
03-09 1409
1.页面自动刷新：把如下代码加入区域中。      其中20指每隔20秒刷新一次页面.     2.页面自动跳转：把如下代码加入区域中。     其中20指隔20秒后跳转到http://write.blog.csdn.net/postedit/50838990页面.     3.页面自动刷新js版      reload方法，该方法强迫浏览器刷新当前页
JAVA学习笔记_JS实现刷新_重新加载页面
icecoola_的博客
08-23 5830
问题分析：在修改页面信息后，必须手动刷新浏览器才能再次进行信息修改 问题解决： 在修改成功后加入下面JS代码location.reload(); 参考：有的是错误的JS实现重新加载当前页面或者父页面的几种方法 在开发过程中想要在某个时机去刷新某个固定的页面，去更新该页面某些控件的属性，比如显示隐藏、是否可点击等。是用的主要是通过 刷新该页面， 方法如下： 方法一：
js刷新页面 方法大全
07-22
js刷新页面 方法大全 1.window指代的是当前页面，例如对于此例它指的是top.html页面。 2.parent指的是当前页面的父页面，也就是包含它的框架页面。例如对于此例它指的是framedemo.html。 3.frames是window对象...
JavaScript刷新页面的几种方法总结
12-09
该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(...
js常见的几种页面刷新方法
ajaxLi的博客
08-24 1329
js常见的几种页面刷新方法如下： 1 history.go(0); 2 location.reload(); 3 location=location; 4 location.assign(location); 5 document.execCommand(‘Refresh‘); 6 window.navigate(location); 7 locati
Js 几种刷新页面最快的方法
hongyuancao的博客
03-21 2903
一直在Js学习路上，关于刷新页面也有很多内容要学习，这篇算是做笔记吧。刷新页面是经常遇到的问题，Js也有很多可以刷新页面的方法。 比如，在我找到的刷新页面的方法中，下面三个是比较快的。 window.location.reload(); window.history.go(0); document.execCommand('Refresh'); 还有一些可以让页面自动刷新方法也记录一下： ...
JS刷新页面的几种方法
zyip的专栏
03-24 2176
Javascript刷新页面的几种方法：1 history.go(0)2 location.reload()3 location=location4 location.assign(location)5 document.execCommand(‘Refresh‘)6 window.navigate(location)7 location.replace(locatio
自动刷新网页html,javascript刷新页面的几种方法
weixin_34749016的博客
06-02 924
JavaScript中可以使用location.reload()、location.replace(location)、history.go(0)等方法手动刷新，也可以通过设定刷新时间来实现自动刷新。JavaScript页面刷新的方法介绍：1，reload方法该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet])参数： bForceGet， 可选参数， 默认为...
JavaScript刷新页面的几种方法
肖皓文
03-19 7773
1，reload 方法， 该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2，replace 方法 方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使...
页面刷新方法汇总（转载）
付出总比收获快乐
03-27 190
自动刷新页面的实现方法总结: 1) 10表示间隔10秒刷新一次 2) &lt;script language=''javascript''&gt; window.location.reload(true); &lt;/script&gt; 如果是你要刷新某一个iframe就把window给换成frame的名字或ID号 3) &lt;script language=''javascript''&g...
JavaScript重新加载与刷新
平凡老者
10-13 4万+
1、window.location.href=“url”： 当前页面打开URL页面，改变url地址，如果URL为空则重新打开当前页面。 （1）与self.location.href="url"，self.location.href="url"相同 （2）this.location.href="url"当前页面打开URL页面 （3）parent.location.href="url"在父
js刷新当前页面的5种方式
狼魂之力
08-27 2万+
1。 reload reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”) reload() 方法用于重新加载当前文档。 如果该方法没有规定参数，或者参数是 false，它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改
javascript页面刷新的几种方法
lily2016n的博客
01-03 6941
转自 https://www.cnblogs.com/cfinder010/p/3852360.html javascript refresh page 几种页面刷新的方法window.location.reload()，window.history.go(0)和document.execCommand(”Refresh”)，这三个方法是最快速的。其他的都有明显的浏览器滚动条的出现。 Javas
js刷新页面的几种方法
图解前端的博客
05-14 3万+
在前端开发过程中，我们经常需要通过刷新当前的页面来实现某些功能，一起来了解下前端刷新页面有哪些方式呢？ reload刷新法 reload方法，用来强制浏览器刷新当前页面。语法： loaction.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 ...
javascript刷新页面方法
最新发布
09-14
在 JavaScript 中，有几种方法可以刷新页面： 1. 使用 `location.reload()` 方法可以完全重新加载页面。这将导致浏览器重新发送请求，以获取最新的页面内容。你可以在任何需要刷新页面的地方调用这个方法。 ```...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值