window.location 结构

属性 含义  
protocol 协议  
hostname 服务器的名字  
port 端口  
pathname URL中主机名后的部分  
search "?"后的部分,又称为查询字符串  
hash 返回"#"之后的内容  
host 等于hostname + port  
href 当前页面的完整URL  

window.location和document.location互相等价的,可以交换使用

location的8个属性都是可读写的,但是只有href与hash的写才有意义。例如改变location.href会重新定位到一个URL,而修改location.hash会跳到当前页面中的anchor(<a id="name">或者<div id="id">等)名字的标记(如果有),而且页面不会被重新加载

注意

URL:http://b.a.com:88/index.php?name=kang&how=#when=2011#first

search: "?name=kang&how=" 第一个"?"之后
hash: "#when=2011#first" 第一个"#"之后的内容

search:"?name=kang&how="第一个"?"之后

hash:"#when=2011#first"第一个"#"之后的内容

方法

location.assign( url )

location.assign(‘http://www.baidu.com‘); 等同于 window.location = ‘http://www.baidu.com‘

这种方式会讲新地址放到浏览器历史栈中,意味着转到新页面后“后退按钮”仍可以回到该页面。

location.replace( url )

与assign方法一样,但会从浏览器历史栈中删除本页面,也就是说跳转到新页面后“后退按钮”不能回到该页面。目前IE、Chrome只是简单的跳转,只有Firefox会删除本页面的历史记录。

location.reload( force )

重新载入当前页面。force为true时从服务器端重载;false则从浏览器缓存中重载,默认值false。

时间: 2024-10-14 00:00:37

window.location 结构的相关文章

JavaScript window.location对象

JavaScript window.location对象 示例 注意 方法 经常使用window.location,它的结构总是记不住,简单梳理下,方便以后查询. 示例 URL:http://b.a.com:88/index.php?name=kang&when=2011#first 属性 含义 值 protocol: 协议 "http:" hostname: 服务器的名字 "b.a.com" port: 端口 "88" pathname

JavaScript window.location物

演示样例 注意 方法 常常使用window.location.它的结构总是记不住.简单梳理下.方便以后查询. 演示样例 URL:http://b.a.com:88/index.php? name=kang&when=2011#first 属性 含义 值 protocol: 协议 "http:" hostname: server的名字 "b.a.com" port: port "88" pathname: URL中主机名后的部分 "

关于js中window.location.href,location.href,parent.location.href,top.location.href的用法

关于js中window.location.href,location.href,parent.location.href,top.location.href的用法 "window.location.href"."location.href"是本页面跳转. "parent.location.href" 是上一层页面跳转. "top.location.href" 是最外层的页面跳转. 举例说明: 如果A,B,C,D都是html,D

window.location.hash的简单了解

location是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url,用location.href=url就可以直接将页面重定向url.而location.hash则可以用来获取或设置页面的标签值.比如http://domain/#admin的location.hash="#admin".利用这个属性值可以做一个非常有意义的事情. 很多人都喜欢收藏网页,以便于以后的浏览.不过对于Ajax页面来说的话,一般用一个页面来处理所有的事务,也就是说,

window.location.href和window.location.replace的区别

在页面中逐级进行点击请求以下页面:a.html->b.html->c.html window.location.href 做跳转 window.history.go(-1);window.history.back(); 方法时,会向服务器进行请求,根据服务器记录的请求进行跳转,因此会正确返回对应的页面a.html. window.location.replace 做跳转 window.history.go(-1);window.history.back(); 方法时,不会向服务器进行请求,因此

关于js中window.location.href,location.href,parent.location.href,top.location.href用法

"window.location.href"."location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 举例说明: 如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写 "window.location.href"."locatio

window.location.href的用法

在写ASP.Net程序的时候,我们经常遇到跳转页面的问题,我们经常使用Response.Redirect 做ASP.NET框架页跳转,如果客户要在跳转的时候使用提示,这个就不灵光了,如: Response.Write("< script>alert('恭喜您,注册成功!');< /script>");   Response.Redirect("main.html");    这时候我们的提示内容没有出来就跳转了,和Response.Redir

fixed window.location.origin useless in IE

Today I got a issue that window.location.origin returns undefined in IE 9 . But we can fix this issue with following code: if (!window.location.origin) { window.location.origin = window.location.protocol + "//" + window.location.hostname + (wind

window location href 刷新

页面刷新类型: 1.window.location.reload 刷新. window.location.reload()与window.location.href=window.location.href都可以刷新页面. 注: window.location.reload()刷新页面时,页面若有数据提交会提示是否提交数据,就是我们经常看到的那个讨厌的提示框.window.location.href=window.location.href则不会. 2.frame框架刷新. 代码如下: <htm