網(wǎng)站提交訂單,提交到購物車等操作后,一般有彈出提示信息,然后轉(zhuǎn)到新頁面或返回上一頁并刷新該頁面。下面分享前端JS返回上一頁并刷新該頁面的幾種方法。
<a href="javascript:history.go(-1)">返回上一頁</a> <a href="javascript:location.reload()">刷新當前頁面</a> <a href="javascript:"onclick="history.go(-2); ">返回前兩頁</a> <a href="javascript:"onclick="self.location=document.referrer;">返回上一頁并刷新</a> <a href="javascript:"onclick="history.back();">返回上一頁</a>
頁面跳轉(zhuǎn)
<a href="javascript:;" onclick="window.location.href='list.php'">跳轉(zhuǎn)到list.php</a>
Javascript刷新頁面的幾種方法:
①history.go(0) ②location.reload() ③location=location ④location.assign(location) ⑤document.execCommand('Refresh') ⑥window.navigate(location) ⑦location.replace(location) ⑧document.URL=location.href
自動刷新頁面的方法
1.頁面自動刷新:把如下代碼加入<head>區(qū)域中
<meta http-equiv="refresh" content="10">
10指每隔10秒刷新一次頁面.
2.頁面自動跳轉(zhuǎn):把如下代碼加入<head>區(qū)域中
<meta http-equiv="refresh" content="10;url=http://www.baidu.com">
10指隔10秒后跳轉(zhuǎn)到http://www.baidu.com頁面
js自動刷新當前頁面:
<script type="text/javascript"> function myrefresh(){ window.location.reload(); } setTimeout('myrefresh()',1000); //指定1秒刷新一次 </script>
JS刷新框架的腳本語句
//刷新包含該框架的頁面用 <script type="text/javascript"> parent.location.reload(); </script> //子窗口刷新父窗口 <script type="text/javascript"> self.opener.location.reload(); </script> //或<a href="javascript:opener.location.reload()">刷新</a> //如何刷新另一個框架的頁面用 <script type="text/javascript"> parent.另一FrameID.location.reload(); </script>
關閉窗口時刷新或開窗時刷新
在<body>中調(diào)用以下語句即可:
<body onload="opener.location.reload()"> 開窗時刷新 <body onUnload="opener.location.reload()"> 關閉時刷新 <script type="text/javascript"> window.opener.document.location.reload() </script>