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

最新推荐文章于 2021-04-22 12:32:32 发布

weixin_30289831

最新推荐文章于 2021-04-22 12:32:32 发布

阅读量270

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xiujun/p/10596610.html

版权

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

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