location 学习与总结

2.location 对象：它既是window的对像，也是document 的对象,location包含8个属性，其中7个都是当前窗体的URL的一部分，剩下的最重要的是href属性，代表当前窗体的URL，location.href会重新定位到一个URL，而修改location.hash会跳到当前页面中的anchor(<a id=”name”>或者<div id=”id”>)名字的标记，而且页面不会被重新加载。

Location对象属性图如1：

 

location.hash则可以用来获取或设置页面的标签值。上面的location.hash="#hash"，它的实际作用也很大，（比如：很多人都喜欢收藏网页，以便于以后的浏览。不过对于Ajax页面来说的话，一般用一个页面来处理所有的事务，也就是说，如果你浏览到一个Ajax页面里边有意思的内容，想将它收藏起来，可是地址只有一个呀，下次你打开这个地址，还是得像以往一样不断地去点击网页，找到你钟情的那个页面。另外的话，浏览器上的“前进”“后退”按钮也会失效，这于很多习惯了传统页面的用户来说，是一个很大的使用障碍，通过window.location.hash=hash这个语句来调整地址栏的地址，使得浏览器里边的“前进”、“后退”按钮能正常使用（实质上欺骗了浏览器）。然后再根据hash值的不同来显示不同的面板（用户可以收藏对应的面板了），这就使得Ajax页面的浏览趋于传统化了。原文链接：http://www.cnblogs.com/china-aspx/archive/2008/04/20/1162597.html）。

而其他属性的意义如下：

・ JavaScript host 属性 -- 返回域名

・ JavaScript hostname 属性 -- 返回主域名

・ JavaScript href 属性 -- 返回当前文档的完整URL或设置当前文档的URL

・ JavaScript pathname 属性 -- 返回URL中域名后的部分

・ JavaScript port 属性 -- 返回URL中的端口

・ JavaScript protocol 属性 -- 返回URL中的协议

・ JavaScript search 属性 -- 返回URL中的查询字符串

・ JavaScript assign() 函数 -- 设置当前文档的URL

・ JavaScript replace() 函数 -- 设置当前文档的URL，并在history对象的地址列表中删除这个URL

・ JavaScript reload() 函数 -- 重新载入当前文档(从server服务器端)

・ JavaScript toString() 函数 -- 返回location对象href属性当前的值

     举个例子： http://yjsxt.xidian.edu.cn/student/index.jsp具体说明location属性的简单应用