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: URL中主机名后的部分 "/index.php"
search: "?"后的部分,又称为查询字符串 "?name=kang&when=2011"
hash: 返回"#"之后的内容 "#first"
host: 等于hostname + port "b.a.com:88"
href: 当前页面的完整URL "http://www.a.com:88/index.php?name=kang&when=2011#first"

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" 第一个"#"之后的内容

方法

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-12 06:22:52

JavaScript window.location对象的相关文章

Javascript的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),并把浏览器重定向到新的页面. Window Location window.location 对象在编写时可不使用 window 这个前缀. 一些例子: 一些实例: location.hostname 返回 web 主机的域名 location.pathname 返回当前页面的路径和文件名 location.port 返回 web 主机的端口 (80 或 443) location.protocol 返回所使用的 web 协

window.location对象使用说明

1.简介 location是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url,用location.href=url就可以直接将页面重定向url.而location.hash则可以用来获取或设置页面的标签值.比如http://domain/#admin的location.hash="#admin".利用这个属性值可以做一个非常有意义的事情. 2.window.location.href 取得当前页面的地址栏中字符串. 3.window.loc

JavaScript 之 location 对象

一.location 对象 location 对象是 window 对象下的一个属性,使用的时候可以省略 window 对象. 常用属性: location.href = 'http://www.baidu.com'; 最常用的为 href 属性,可以是浏览器跳转到指定的页面. 常用方法: 1.assign() 委派 location.assign("http://www.baidu.com"); 该方法的作用和 href 的作用一样,可以让页面跳转到指定的地方,会有历史记录. 2.r

window.location对象获取浏览器地址栏的地址信息

获取上一个页面的一个URL,这个URL一般做一个页面的跳转 window.location.href <script>window.location.href="http://www.baidu.com"</script> 获取一个页面的主机名 window.location.hostname 获取一个页面的主机名和端口号相当于是hostname和port window.location.host 获取主机的端口号 window.location.port 获取

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中主机名后的部分 "

window.location对象详解

window.location.href(当前URL) 结果如下: http://www.myurl.com:8866/test?id=123&username=xxx window.location.protocol(协议) 结果如下: http: window.location.host(域名 + 端口) 结果如下: www.myurl.com:8866 window.location.hostname(域名) 结果如下: www.myurl.com window.location.port

window.location 对象所包含的属性

属性 描述 hash 从井号 (#) 开始的 URL(锚) host 主机名和当前 URL 的端口号 hostname 当前 URL 的主机名 href 完整的 URL pathname 当前 URL 的路径部分 port 当前 URL 的端口号 protocol 当前 URL 的协议 search 从问号 (?) 开始的 URL(查询部分)

Javascript window 学习笔记

1.window 对象,就是把浏览器与javascript相关联. 2.全局变量(var a)是window对象的属性:全局函数(var a={})是window对象的方法. 3.window.document.getElementById("header");是window对象的方法. 4.获得浏览器窗口尺寸 对于Internet Explorer.Chrome.Firefox.Opera 以及 Safari: window.innerHeight - 浏览器窗口的内部高度 wind