IT源码网

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

shasha 2020年01月03日 Web前端 695 0

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框架:

1 frame.html: 
2  
3 <frameset rows="50%,50%"> 
4        <frame name=top src="top.html"> 
5        <frame name=bottom src="bottom.html"> 
6   </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 页面的代码如下:

1 <input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()">

bottom.html页面:

1 <body onload="alert(''我被加载了!'')"> 
2       <h1>This is the content in bottom.html.</h1> 
3 </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>   )

 

评论关闭
IT源码网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!