【总结】刷新和上一步下一步

最新推荐文章于 2025-06-25 10:46:03 发布

转载最新推荐文章于 2025-06-25 10:46:03 发布 · 1.8k 阅读

web前端专栏收录该内容

34 篇文章

订阅专栏

本文详细介绍了JavaScript页面刷新和重新加载的各种方法，包括页面自身刷新、HTML链接重新加载、返回上一页和下一页的方法，以及自动刷新页面的技术手段。

一、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>

history.go(-1)//返回上一页(括号中写-2代表返回上两页)

history.back()//返回上一页

window.history.forward()  //返回下一页

四、自动刷新页面的方法

<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秒刷新一次

转载自：http://www.haorooms.com/post/js_refrash