美文网首页
页面刷新大全

页面刷新大全

作者: 前端守望者 | 来源:发表于2018-07-11 13:58 被阅读19次

JavaScript刷新页面的几种方法:

 一  、 常规刷新方法

  1 history.go(number|URL)  所有浏览器都支持

         这个是history对象中的go()方法。可以实现加载历史列表中的某个具体的页面。

         该方法参数可以是数字,使用的是要访问的 URL 在 History 的 URL 列表中的相对位置。(-1上一个页面,1前进一个页面,0可以刷新页                 面)。也可以是一个字符串字符串必须是局部或完整的URL,该函数会去匹配字符串的第一个URL。

    2 location.reload()  刷新当前文档 相当于浏览器的刷新按钮  所有的浏览器都支持

     3 location=location

    4 location.assign(location)  

     5 window.navigate(location)  只适用于IE浏览器,建议少用

     7 window.location.href=location  所有的浏览器都支持

     8 location.replace(location)

     9 document.URL=location.href.   URL 属性可返回当前文档的 URL

二 、在框架中

        top.location.reload();   刷新整页

        self.location.reload();  刷新本页

        window.parent.location.href=url

         self.opener.location.reload();  子窗口刷新父窗口

          parent.另一个框架的id.location.reload(); 刷新另一个框架使用

三、页面自动刷新

        1 在<head>中添加<meta http-equiv="refresh" content="时间">这个指的是特定时间刷新一次页,同时还可以传url地址,表示特定时间跳转                特定地址

         2  <body onload="opener.location.reload()">  打开body时刷新   <body onUnload="opener.location.reload()"> 关闭body时刷新

四 补充

     Location 对象

      location属性(以  http://baidu.com:8080/test.htm#part2?id=id为例)

1 hash  设置或返回从井号 (#) 开始的 URL(锚)  

       返回 part2

2 host  设置或返回主机名和当前 URL 的端口号。

      返回 8080

3 可设置或返回当前 URL 的主机名 

    返回 baidu.com

4 href 设置或返回当前显示的文档的完整 URL

    返回http://baidu.com:8080/test.htm#part2

5  pathname  设置或返回当前 URL 的路径部分

    返回 /test.html

port  设置或返回当前 URL 的端口号 

    返回 8080

search  设置或返回从问号 (?) 开始的 URL(查询部分)

   返回 id=id

location 方法

assign()  加载新的文档。

replace() 用新的文档替换当前文档

reload() 重新加载当前文档。

暂时就总结这么多,后期有了新的方法会不断更新。

相关文章

网友评论

      本文标题:页面刷新大全

      本文链接:https://www.haomeiwen.com/subject/qwlhpftx.html