Javascript刷新网页方法大全

最新推荐文章于 2022-07-05 18:11:59 发布
最新推荐文章于 2022-07-05 18:11:59 发布
阅读量6.1k 收藏 4
点赞数
分类专栏： javascript 文章标签： javascript 框架 脚本 button url
  1. 先来看一个简单的例子：
  2. 下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。 
  4. frame.html 由上(top.html)下(bottom.html)两个页面组成，代码如下：
  5. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  6. <HTML>
  7. <HEAD>
  8. <TITLE> frame </TITLE>
  9. </HEAD> 
  10. <frameset rows="50%,50%">
  11. <frame name=top  src="top.html">
  12. <frame name=bottom  src="bottom.html">
  13. </frameset>
  14. </HTML>
  16. 现在假设top.html (即上面的页面) 有七个button来实现对bottom.html (即下面的页面) 的刷新，可以用以下七种语句，哪个好用自己看着办了。
  18. 语句1. window.parent.frames[1].location.reload();
  19. 语句2. window.parent.frames.bottom.location.reload();
  20. 语句3. window.parent.frames["bottom"].location.reload();
  21. 语句4. window.parent.frames.item(1).location.reload();
  22. 语句5. window.parent.frames.item('bottom').location.reload();
  23. 语句6. window.parent.bottom.location.reload();
  24. 语句7. window.parent['bottom'].location.reload();
  26. top.html 页面的代码如下：
  28. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  29. <HTML>
  30.  <HEAD>
  31.   <TITLE> top.html </TITLE>
  32.  </HEAD>
  33. <BODY>
  34. <input type=button value="刷新1" οnclick="window.parent.frames[1].location.reload()"><br>
  35. <input type=button value="刷新2" οnclick="window.parent.frames.bottom.location.reload()"><br>
  36. <input type=button value="刷新3" οnclick="window.parent.frames['bottom'].location.reload()"><br>
  37. <input type=button value="刷新4" οnclick="window.parent.frames.item(1).location.reload()"><br>
  38. <input type=button value="刷新5" οnclick="window.parent.frames.item('bottom').location.reload()"><br>
  39. <input type=button value="刷新6" οnclick="window.parent.bottom.location.reload()"><br>
  41. <input type=button value="刷新7" οnclick="window.parent['bottom'].location.reload()"><br>
  42. </BODY>
  43. </HTML>
  44. 下面是bottom.html页面源代码，为了证明下方页面的确被刷新了，在装载完页面弹出一个对话框。
  46. bottom.html 页面的代码如下：
  47. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  48. <HTML>
  49.  <HEAD>
  50.   <TITLE> bottom.html </TITLE>
  51.  </HEAD>
  52. <BODY οnlοad="alert('我被加载了！')">
  53. <h1>This is the content in bottom.html.</h1>
  54. </BODY>
  55. </HTML>
  58. 解释一下：
  59. 1.window指代的是当前页面，例如对于此例它指的是top.html页面。
  60. 2.parent指的是当前页面的父页面，也就是包含它的框架页面。例如对于此例它指的是framedemo.html。
  61. 3.frames是window对象，是一个数组。代表着该框架内所有子页面。
  62. 4.item是方法。返回数组里面的元素。
  63. 5.如果子页面也是个框架页面，里面还是其它的子页面，那么上面的有些方法可能不行。
  65. 附：
  66. Javascript刷新页面的几种方法：
  67. 1    history.go(0) 
  68. 2    location.reload() 
  69. 3    location=location 
  70. 4    location.assign(location) 
  71. 5    document.execCommand('Refresh') 
  72. 6    window.navigate(location) 
  73. 7    location.replace(location) 
  74. 8    document.URL=location.href 
  77. 自动刷新页面的方法:
  78. 1.页面自动刷新：把如下代码加入<head>区域中
  79. <meta http-equiv="refresh" content="20">
  80. 其中20指每隔20秒刷新一次页面.
  82. 2.页面自动跳转：把如下代码加入<head>区域中
  83. <meta http-equiv="refresh" content="20;url=http://www.wyxg.com">
  84. 其中20指隔20秒后跳转到http://www.hackhome.com页面
  86. 3.页面自动刷新js版
  87. <script language="JavaScript">
  88. function myrefresh()
  89. {
  90.        window.location.reload();
  91. }
  92. setTimeout('myrefresh()',1000); //指定1秒刷新一次
  93. </script>
  95. ASP.NET如何输出刷新父窗口脚本语句
  96. 1.   this.response.write("<script>opener.location.reload();</script>");  
  98. 2.   this.response.write("<script>opener.window.location.href = opener.window.location.href;</script>");   
  100. 3.   Response.Write("<script language=javascript>opener.window.navigate(''你要刷新的页.asp'');</script>")
  102. JS刷新框架的脚本语句
  104. //如何刷新包含该框架的页面用   
  105. <script language=JavaScript>
  106.    parent.location.reload();
  107. </script>   
  110. //子窗口刷新父窗口
  111. <script language=JavaScript>
  112.     self.opener.location.reload();
  113. </script>
  114. (　或　<a href="javascript:opener.location.reload()">刷新</a>   )
  116. //如何刷新另一个框架的页面用   
  117. <script language=JavaScript>
  118.    parent.另一FrameID.location.reload();
  119. </script>
  121. 如果想关闭窗口时刷新或者想开窗时刷新的话，在<body>中调用以下语句即可。
  123. <body οnlοad="opener.location.reload()"> 开窗时刷新
  124. <body onUnload="opener.location.reload()"> 关闭时刷新
  126. <script language="javascript">
  127. window.opener.document.location.reload()
  128. </script>
骑猪逛街
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
JS实现页面刷新的方法
qq_40513088的博客
12-26 712
1.JS实现普通页面刷新 测试页面： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;页面刷新&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;h1 id="text"&gt;页面刷新&lt;/h1&gt; &l
JS刷新页面的几种方法
zyip的专栏
03-24 2203
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
js中页面的重新加载
zjava
01-29 702
用JavaScript刷新上级页面和当前页面 &lt;script type="text/javascript"&gt; window.parent.main.document.location.reload();//上级页面 document.location.reload();//当前页面 每个frame元素或者iframe元素就是一个框架,这个框架是一个窗口,在这个窗口中加载一个h...
网页刷新页面方法小结
weixin_30677617的博客
06-10 108
1.页面自动刷新：把如下代码加入<head>区域中 <meta http-equiv="refresh" content="20"> 其中20指每隔20秒刷新一次页面。 2.页面自动跳转：把如下代码加入<head>区域中 <meta http-equiv="refresh" content="20;url=https://www.b...
JavaScript多种页面刷新方法（转载收藏）
distinctive_MAN的博客
04-04 219
非原创，备用收藏，没试过不知道有没有用，感觉上可以 附带转载地址声明非本人原创https://blog.csdn.net/qq_41172982/article/details/88954946 1，reload 方法 该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页...
js刷新页面方法大全
热门推荐
不学习就淘汰
08-05 2万+
如何实现刷新当前页面呢？借助js你将无所不能。 1，reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet])   参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2，replace 方法，该方法通过指定
页签刷新
橙子
09-08 211
刷新 ${text('焊接工艺信息')} ${text('工艺信息')} ${text('基础信息')} ${text(bom.isNewRecord ? '新增BOM' : '编辑BOM')} οnclick="$(window).resize() //就是页面的刷新 ...
使用JavaScript刷新网页的方法
12-09
首先，`location.reload()` 是 JavaScript 中的一个方法，用于重新加载当前的文档或者指定的 URL。它可以接受一个可选参数 `forceGet`，如果设置为 `true`，则会强制从服务器而不是浏览器缓存中重新加载页面。默认...
JavaScript刷新页面的几种方法总结
12-09
该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(...
javascript实现的网页局布刷新效果
10-30
AJAX,近几年火热起来的一个词.什么是ajax本文就不介绍了，其实,AJAX也就是 javascript脚本的应用.全拼是:AsynchronousJavaScript+XML .现在我们就来看一个用javascript实现的局部刷新
JS跨域调用之document.domain--相同基础域名页面之间的调用
laokdidiao的专栏
04-26 2473
最近项目需要跨域调用JS，整理一下相关知识，写几个帖子记录一下学习历程。  例子只需要1个tomcat即可，这里我的tomcat端口都改成80了。  背景：浏览器在执行Javascript时，出于对安全性的考虑，禁止两个或者多个不同域的页面进行互相操作。  相同域的页面在相互操作的时候不会有任何问题。  如下例子：文件放置于%TOMCAT_HOME%/webapps/domai
在javascript中重新加载/刷新页面的不同方法
南北极之间
07-05 5086
我们将看到一些可以与HTML和/或javascript一起使用的方法。我们可以使用浏览器历史记录方法刷新当前页面。 设置元标记 我们还可以设置元标记http-equiv，它将以给定的时间间隔自动刷新页面。 这将在指定的秒数后重新加载页面。此处等于 1 秒。我们还可以使用方法重新加载或刷新当前页面。 方法采用一个参数来确定应如何重新加载页面。正在不推荐使用传递 true/false 参数，您可以只调用该方法，而无需任何参数进行重新加载，否则使用其他方法。方法返回/加载当前 url。因此，我们可
js刷新页面的几种方式与区别
qq_41353397的博客
03-28 964
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 window.location.reload()，window
JavaScript刷新当前页面的五种方式
weixin_48927323的博客
05-17 3511
javascript中的location.href有很多种用法，主要如下:当前页面打开URL页面 方式一： self.location.href="/url" 方式二： location.href="/url" 方式三： windows.location.href="/url 在父页面打开新页面 parent.location.href="/url" 在顶层页面打开新页面 top.location.href="/url" 如果页面中自定义了frame，那么可将parent
实现页面中按钮刷新的N种方法
06-27 584
         
js刷新当前页面的5种方式
狼魂之力
08-27 2万+
1。 reload reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”) reload() 方法用于重新加载当前文档。 如果该方法没有规定参数，或者参数是 false，它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改
Javascript刷新页面的几种方法：
开发之路
08-13 5900
1    window.history.go(0)    // window.history.go(-n)   表示返回上n级目录 2    window.location.reload() // window.parent.location.reload() 表示对父框架页面的刷新（注：加了parent的都是将js效果实现到父页面里，也可以用这个parent调父页面的js函数！）3  ...
JavaScript刷新页面的几种方法
肖皓文
03-19 7827
1，reload 方法， 该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2，replace 方法 方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使...
Javascript 刷新框架及页面的方法总集 框架页刷新
大海的专栏
05-28 1072
先来看一个简单的例子：    下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。       frame.html 由上(top.html)下(bottom.html)两个页面组成，代码如下：             frame                         现在假设top.html (即上面的页面)
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值