sunny123456

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
  1796 随笔 :: 22 文章 :: 24 评论 :: 226万 阅读
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

js 刷新页面window.location.reload();

 

Javascript刷新页面的几种方法:
1    history.go(0)
2    window.location.reload()

     window.location.reload(true) 
3    location=location
4    location.assign(location)
5    document.execCommand(''Refresh'')
6    window.navigate(location)
7    location.replace(location)
8    document.URL=location.href

 

Frame框架:

frame.html:

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

七种语句:

语句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 页面的代码如下:
<input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()">

 

bottom.html页面:

<body onload="alert(''我被加载了!'')">
      <h1>This is the content in bottom.html.</h1>
    </body>

 

1.window指代的是当前页面,例如对于此例它指的是top.html页面。
    2.parent指的是当前页面的父页面,也就是包含它的框架页面。例如对于此例它指的是frame.html。
    3.frames是window对象,是一个数组。代表着该框架内所有子页面。
    4.item是方法。返回数组里面的元素。
    5.如果子页面也是个框架页面,里面还是其它的子页面,那么上面的有些方法可能不行。

 

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

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

 

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


转自:http://blog.sina.com.cn/s/blog_780a942701012vip.html

posted on   sunny123456  阅读(350)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示