JS 页面刷新以及页面返回的几种方式

1、通过标签形式的跳转页面  <a class="popup" href="~/WeiXin/Shoppingguide/StockData"></a>

表示跳转的页面 ,<a>标签里面接一个href跳转链接

2、如果是不同的地方进入一个页面,这时候想要返回点击这个页面的之前那个页面  则可以 <a class="popup" href="javascript:window.history.back();"></a>

window.history.back()表示返回上一页,与在浏览器点击后退按钮相同

history.forward() - 与在浏览器中点击按钮向前相同(window对象可省略)

3、此时返回上一页是不会刷新页面的 ,如要刷新可以在执行location.reload()进行  

href="javascript:window.history.back();location.reload();"(根据具体情况而定)

4、这里说一下history.go(),该方法指的是返回页面或进行页面刷新,

如history.go(-1)返回上一页但不会刷新返回的那个页面,history.go(0)可以刷新当前页面(亲试)

汇总:

1、JS刷新框架的脚本语句 
//如何刷新包含该框架的页面用
<script language=JavaScript>
   parent.location.reload();
</script>

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

2、如何刷新另一个框架的页面用
<script language=JavaScript>
   parent.另一FrameID.location.reload();
</script>

3、如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。
<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新

<script language="javascript">
window.opener.document.location.reload()
</script>

猜你喜欢

转载自www.cnblogs.com/xiujun/p/10596610.html