mx52jing/blog

location

Opened this issue · 0 comments

location

是window对象和document对象的属性,window.location和document.location引用同一个对象

location对象的属性

属性名 例子 说明
hash "#xxxxxxxxx" 连同#以及#后面的字符,无则为空
host 'www.app.com:8888' 域名和端口号(如果有)
hostname 'www.app.com' 域名
href 'http:www.app.com' 当前页面完整URL
pathname '/app' 目录或文件名
port 8888 端口号,没有则为空
protocol http:或者https: 协议
search '?fsdfsdsf' 连同问号的字符串,也叫查询参数

位置操作

 location.assign('http:www.baidu.com')等同于下面的操作
 location.href = 'http:www.baidu.com'   或者  window.location = 'http:www.baidu.com'

除了改变location.hash不会刷新页面其他都会刷新页面

修改location属性会在浏览器历史记录中添加记录,可以点击返回按钮返回,要避免这种操作的话用replace

reload

 reload方法可以直接调用
 location.reload() // 重新加载(有可能从缓存中加载)
 location.reload(true) //重新加载(从服务器重新加载)