JavaScript window.location对象


Posted in Javascript onNovember 14, 2014

经常使用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" 第一个"#"之后的内容
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。

Javascript 相关文章推荐
对google个性主页的拖拽效果的js的完整注释[转]
Apr 10 Javascript
js RuntimeObject() 获取ie里面自定义函数或者属性的集合
Nov 23 Javascript
jquery ajax 调用失败的原因示例介绍
Sep 27 Javascript
Javascript MVC框架Backbone.js详解
Sep 18 Javascript
微信支付如何实现内置浏览器的H5页面支付
Sep 25 Javascript
Ajax和Comet技术总结
Feb 19 Javascript
jQuery EasyUI Accordion可伸缩面板组件使用详解
Feb 28 Javascript
AngularJS前端页面操作之用户修改密码功能示例
Mar 27 Javascript
vue-cli webpack模板项目搭建及打包时路径问题的解决方法
Feb 26 Javascript
在vue中使用echarts图表实例代码详解
Oct 22 Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
Sep 01 Javascript
Vue实现简单购物车功能
Dec 13 Vue.js
详谈JavaScript 匿名函数及闭包
Nov 14 #Javascript
详谈JavaScript内存泄漏
Nov 14 #Javascript
js与C#进行时间戳转换
Nov 14 #Javascript
jquery ui bootstrap 实现自定义风格
Nov 14 #Javascript
使用node.js 制作网站前台后台
Nov 13 #Javascript
JavaScript 作用域链解析
Nov 13 #Javascript
jQuery $命名冲突解决方案汇总
Nov 13 #Javascript
You might like
下载文件的点击数回填
2006/10/09 PHP
MayFish PHP的MVC架构的开发框架
2009/08/13 PHP
PHP CURL 内存泄露问题解决方法
2015/02/12 PHP
php获取手机端的号码以及ip地址实例代码
2018/09/12 PHP
PDO::errorCode讲解
2019/01/28 PHP
获取offsetTop和offsetLeft值的js代码(兼容)
2013/04/16 Javascript
jQuery学习之prop和attr的区别示例介绍
2013/11/15 Javascript
JavaScript中的Truthy和Falsy介绍
2015/01/01 Javascript
jQuery知识点整理
2015/01/30 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
2016/03/29 Javascript
使用ionic切换页面卡顿的解决方法
2016/12/16 Javascript
Bootstrap路径导航与分页学习使用
2017/02/08 Javascript
angularjs中ng-bind-html的用法总结
2017/05/23 Javascript
解析Angular 2+ 样式绑定方式
2018/01/15 Javascript
浅析vue-router原理
2018/10/19 Javascript
微信小程序城市选择及搜索功能的方法
2019/03/22 Javascript
layer弹出层自适应高度,垂直水平居中的实现
2019/09/16 Javascript
vue中v-model对select的绑定操作
2020/08/31 Javascript
python字典基本操作实例分析
2015/07/11 Python
python3.5使用tkinter制作记事本
2016/06/20 Python
Python学习思维导图(必看篇)
2017/06/26 Python
Python cookbook(数据结构与算法)让字典保持有序的方法
2018/02/18 Python
Python 忽略warning的输出方法
2018/10/18 Python
解决pycharm remote deployment 配置的问题
2019/06/27 Python
Django实现基于类的分页功能
2019/10/31 Python
python中return的返回和执行实例
2019/12/24 Python
pycharm无法安装第三方库的问题及解决方法以scrapy为例(图解)
2020/05/09 Python
python实现斗地主分牌洗牌
2020/06/22 Python
python 获取谷歌浏览器保存的密码
2021/01/06 Python
HTML5实现无刷新修改URL的方法
2019/11/14 HTML / CSS
个性发展自我评价
2014/02/11 职场文书
领导干部廉政自律承诺书
2014/05/26 职场文书
企业党建工作汇报材料
2014/08/19 职场文书
个人催款函范文
2015/06/23 职场文书
解决pytorch读取自制数据集出现过的问题
2021/05/31 Python
MySQL系列之五 视图、存储函数、存储过程、触发器
2021/07/02 MySQL