码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2017-05-19 12:15:47      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:set   cat   ecc   .com   ack   刷新   class   页面   man   

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前端页面刷新重载的方法汇总

标签:set   cat   ecc   .com   ack   刷新   class   页面   man   

原文地址:http://www.cnblogs.com/ysx215/p/6877694.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!