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
6 port 设置或返回当前 URL 的端口号
返回 8080
7 search 设置或返回从问号 (?) 开始的 URL(查询部分)
返回 id=id
location 方法
assign() 加载新的文档。
replace() 用新的文档替换当前文档
reload() 重新加载当前文档。
暂时就总结这么多,后期有了新的方法会不断更新。
网友评论