JavaScript Window Location常用知识总结

Location 对象

属性

• hash：设置或返回从井号 (#) 开始的 URL（锚）。
• host：设置或返回主机名和当前 URL 的端口号。
• hostname：设置或返回当前 URL 的主机名。
• href：设置或返回完整的 URL
• pathname：设置或返回当前 URL 的路径部分。
• port：设置或返回当前 URL 的端口号。
• protocol：设置或返回当前 URL 的协议。
  
• search：设置或返回从问号 (?) 开始的 URL（查询部分）

方法

1.  assign()：加载新的文档
2.  reload()：重新加载当前文档
3.  replace()：用新的文档替换当前文档

Window Location

window.location对象用于获取当前页面的地址（url），并把浏览器重定向到新的页面。

window.location对象在编写的时候可以不用写window前缀。例：

• location.hostname 返回web主机的域名
• location.pathname 返回当前页面的路径和文件名
• location.port返回web主机的端口号（80或者）
• location.protocol 返回所使用的web协议（http://或https://）
• location.href 返回当前页面的url

设置或返回当前 URL 的协议。window.location

window.location与window.open()区别 

"top.location.href"     是最外层的页面跳转
"window.location.href"、"location.href"   是本页面跳转
"parent.location.href"    是上一层页面跳转.

location是window对象的属性，而所有的网页下的对象都是属于window作用域链中（这是顶级作用域），所以使用时是可以省略window。而top是指向顶级窗口对象，parent是指向父级窗口对象。  

 window.location是window对象的属性，而window.open是window对象的方法 
 window.location是你对当前浏览器窗口的URL地址对象的参考！   
 window.open是用来打开一个新窗口的函数！ 

window.open()是可以在一个网站上打开另外的一个网站的地址 
而window.location()是只能在一个网站中打开本网站的网页 

window.location或window.open如何指定target? 
这是一个经常遇到的问题，特别是在用frame框架的时候 
解决办法: 
window.location 改为 top.location　即可在顶部链接到指定页 
或 
window.open("你的网址","_top"); 

<input type="button" value="新窗口打开" οnclick="window.open('http://www.baidu.com')"> 
<input type="button" value="当前页打开" οnclick="top.location='http://www.baidu.com','_top'">