html-javascript前端頁面刷新重載的方法匯總
阿新 • • 發佈：2017-05-19
res rip ack -- 方法總結 load 試題 sig class
html-javascript前端頁面刷新重載的方法匯總
2014年8月31日 12227次瀏覽記得我在興安得力實習要轉正的時候，我領導象征性的給我出了一套測試題目，裏面就有js閉包和頁面刷新等題目。今天把很久之前的測試題目之一，js頁面刷新的方法以及頁面自動刷新跳轉和返回上一頁和下一頁等方法總結一下，僅供大家參考！
一、javascript頁面刷新重載的方法：
<a href="javascript:location.reload();">點擊重新載入頁面</a>
<a href="javascript:history.go(0);">點擊重新載入頁面</a>
<a href="javascript:location=location;">點擊重新載入頁面</a>
<a href="javascript:location=location.href;">點擊重新載入頁面</a>
<a href="javascript:location.replace(location);">點擊重新載入頁面</a>
<a href="javascript:location.replace(location.href);">點擊重新載入頁面</a>
<a href="javascript:location.assign(location);">點擊重新載入頁面</a>
<a href="javascript:location.assign(location.href);">點擊重新載入頁面</a>
<!--// 以下只支持ie -->
<a href="javascript:document.URL=location.href;">點擊重新載入頁面</a>
<a href="javascript:navigate(location);">點擊重新載入頁面</a>
<a href="javascript:document.execCommand(‘Refresh‘);">點擊重新載入頁面</a>
<!--// 以上只支持ie --> 二、html鏈接重新載入方法
<!--// 以下不支持ie -->
<a href="">點擊重新載入頁面</a>
<!--// 以上不支持ie -->
<a href="頁面本身">點擊重新載入頁面</a>三、自動刷新頁面的方法
<meta http-equiv="refresh" content="20"> //代碼放在head中，每隔20秒鐘刷新一次
<meta http-equiv="refresh" content="20;url=http://www.haorooms.com"> //20秒之後頁面跳轉到haorooms中，通常運用到404頁面
//js自動刷新
function myrefresh()
{
window.location.reload();
}
setTimeout(‘myrefresh()‘,1000); //指定1秒刷新一次 三、返回上一頁和下一頁的方法
history.go(-1)//返回上一頁(括號中寫-2代表返回上兩頁)
history.back()//返回上一頁
window.history.forward() //返回下一頁html-javascript前端頁面刷新重載的方法匯總