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/计时器/History/location/navigator/screen/document)

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

JavaScript window、location对象基础知识整理

window对象window是BOM的核心对象,表示浏览器的一个实例。在浏览器中,window对象有双重角色,它是通过JS访问浏览器窗口的一个接口,也是Global对象。任何在全局作用域中声明的变量和...
  • hongchh
  • hongchh
  • 2016年08月18日 10:43
  • 1165

javascript window.location对象

JavaScript window.location对象   经常使用window.location,它的结构总是记不住,简单梳理下,方便以后查询。   location 地址对象 它...

韩顺平 javascript教学视频_学习笔记27_dom对象(window对象3.history.location.navigator.screen.event)_js事件驱动编程

dom对象详解----window对象3 window 的 status 属性可以控制状态栏的信息 实现下面的案例: 案例代码: var spac...

JavaScript浏览器对象、window对象、计时器、history对象、location对象

1window对象 window对象是BOM的核心,window对象指当前的浏览器窗口。 window对象方法: 2JavaScript 计时器 在JavaScript中,我们...

解决微信浏览器Javascript无法使用window.location.reload()刷新页面

前言: href是location对象的一个属性,reload()则是location对象的方法 所以对于href,可以为该属性设置新的 URL,使浏览器读取并显示新的 URL 的内容。 对于r...
  • DXB601
  • DXB601
  • 2017年06月29日 16:24
  • 1139

JavaScript Window Location

window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。 Window Location window.location 对象在编写时可不使...
  • ling811
  • ling811
  • 2013年12月12日 13:30
  • 571

javascript window.location的用法

设置或获取对象指定的文件名或路径。 alert(window.location.pathname) 设置或获取整个 URL 为字符串。 alert(window.locati...

【JavaScript】获取当前页的URL与window.location.href

利用Javascript获取当前页的URL,这个问题起来好像很复杂,如果第一次去想这个问题,很多人估计又在琢磨到底又是哪个神一般的Javascript函数。 其实不是,Javascript获取当前页...
  • yongh701
  • yongh701
  • 2015年05月13日 09:13
  • 10711

JavaScript基础-window.location的用法

设置或获取对象指定的文件名或路径。 alert(window.location.pathname); 设置或获取整个 URL 为字符串。 alert(window.location...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript window.location对象
举报原因:
原因补充:

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