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" | 第一个"#"之后的内容 |
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。
- window.location和document.location的区别分析
- javascript 打开页面window.location和window.open的区别
- 关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
- window.location.hash 使用说明
- javascript中的window.location.search方法简介
- window.navigate 与 window.location.href 的使用区别介绍
- window.location.href中url中数据量太大时的解决方法
- window.location不跳转的问题解决方法
相关文章
js没有in_array函数，但是我们可以自己给js写一个in_array函数2013-11-11
一个HTML页面可以有一个或多个子框架，这些子框架以<iframe>来标记，用来显示一个独立的HTML页面。这里所讲的框架编程包括框架的自我控制以及框架之间的互相访问，例如从一个框架中引用另一个框架中的JavaScript变量、调用其他框架内的函数、控制另一个框架中表单的行为等2014-03-03
这篇文章主要为大家介绍了JavaScript深拷贝和浅拷贝，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
本篇内容是小编整理的关于脚本之家精选的JS正则的优秀文章，适合大家学习JS正则的相关内容，有需要的朋友参考下。2018-05-05
这篇文章主要介绍了javascript数组定义的几种方法，一般来说分为隐式创建、直接实例化、创建数组并指定长度、后来为了方便直接使用json格式定义数组，这里脚本之家小编就为大家介绍一下，需要的朋友可以参考一下2017-10-10
JavaScript中constructor()方法的使用简介
这篇文章主要介绍了JavaScript中constructor()方法的使用简介,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
nodejs中exports与module.exports的区别详细介绍
你肯定非常熟悉nodejs模块中的exports对象，你可以用它创建你的模块接下来介绍创建过程，感兴趣的朋友可以参考下2013-01-01
这篇文章主要介绍了在ES6下javascript赋值常见用法总结,需要的朋友可以参考下2022-01-01
这篇文章主要为大家介绍了javascript的数组方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-01-01
JavaScript高级程序设计（第3版）学习笔记9 js函数（下）
函数是一种对象，拥有一般对象具有的所有特征，除了函数可以有自己的属性和方法外，还可以做为一个引用类型的值去使用，实际上我们前面的例子中已经有过将函数作为一个对象属性的值，又比如函数也可以作为另一个函数的参数或者返回值，异步处理中的回调函数就是一个典型的用法2012-10-10
最新评论