首页 > 代码库 > js刷新和frame

js刷新和frame

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="http://www.mamicode.com/top.html">
       <frame name=bottom src="http://www.mamicode.com/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="http://www.mamicode.com/刷新1" onclick="window.parent.frames[1].location.reload()">

 

bottom.html页面:

<body onl oad="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 onl oad="opener.location.reload()"> 开窗时刷新
    <body onUnload="opener.location.reload()"> 关闭时刷新

 

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

js刷新和frame