【第22期】观点:IT 行业加班,到底有没有价值?

JavaScript window.location对象

原创 2016年06月01日 11:16:35

经常使用window.location,它的结构总是记不住,简单梳理下,方便日后需要进行查询。

示例

URL:http://170.18.10.158:8090/index.jsp?name=yfli&when=2016#first

属性 含义
protocol: 协议 "http:"
hostname: 服务器的名字 "170.18.10.158"
port: 端口 "8090"
pathname: URL中主机名后的部分 "/index.jsp"
search: "?"后的部分,又称为查询字符串 "?name=yfli&when=2016"
hash: 返回"#"之后的内容 "#first"
host: 等于hostname + port "170.18.10.158:8090"
href: 当前页面的完整URL "http://170.18.10.158:8090/index.jsp?name=yfli&when=2016#first"

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

location的8个属性都是可读写的,但是只有href与hash的写才有意义。

例如改变location.href会重新定位到一个URL,而修改location.hash会跳到当前页面中的anchor(<a id="name">或者<div id="id">等)名字的标记(如果有),而且页面不会被重新加载

注意

URL:http://170.18.10.158:8090/index.jsp?name=yfli&when=2016#first

search: "?name=yfli&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。





版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

JavaScript使用Window Location进行页面跳转

JavaScript使用Window Location进行页面跳转概述​ 在Web开发中,常有页面跳转的需要,跳转页面的方式也有很多种,不过这里仅介绍使用window.location的方法,这种...

JavaScript中的Location地址对象

location 地址对象 它描述的是某一个窗口对象所打开的地址。要表示当前窗口的地址,只需要使用“location”就行了;若要表示某一个窗口的地址,就使用“&lt;窗口对象&gt;.location”。先前写了一片用window.location.href实现刷新另个框架页面 ,...

程序员升职加薪指南!还缺一个“证”!

CSDN出品,立即查看!

javascript浏览器对象(window/计时器/History/location/navigator/screen/document)

1、window对象 2、计时器方法 setInterval(代码,交互时间); 计时器 var int=setInterval(clock, 100) function ...

Javascript中的location对象

   (部分摘自《Javascript高级程序设计》) location对象既是document对象的属性,也是window对象的属性,也就是说,document.location === window.location. location对象的属性  <...

javascript window对象的status、location、name、self、opener属性的使用

window对象的status、location、name、self、opener属性的使用 window对象的status、location、name、self、opener属性的使用 ...
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)