欢迎访问 生活随笔!

生活随笔

当前位置: 首页 >

html-javascript前端页面刷新重载的方法汇总

发布时间:2025/3/15 36 豆豆
生活随笔 收集整理的这篇文章主要介绍了 html-javascript前端页面刷新重载的方法汇总 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

记得我在兴安得力实习要转正的时候,我领导象征性的给我出了一套测试题目,里面就有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() //返回下一页

javascript前端页面刷新重载及历史,暂时就想到这么多!还有其他方法的话,小伙伴们可以留言啊!共同交流!

转载于:https://www.cnblogs.com/red-fox-qhq/p/3953682.html

总结

以上是生活随笔为你收集整理的html-javascript前端页面刷新重载的方法汇总的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。