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 相关文章推荐
编辑浪子版表单验证类
May 12 Javascript
通过Javascript读取本地Excel文件内容的代码示例
Apr 08 Javascript
javascript 实现 原路返回
Jan 21 Javascript
JS控制弹出悬浮窗口(一览画面)的实例代码
May 30 Javascript
AngularJS 过滤与排序详解及实例代码
Sep 14 Javascript
js实现炫酷的左右轮播图
Jan 18 Javascript
Jquery树插件zTree实现菜单树
Jan 24 Javascript
Vue服务器渲染Nuxt学习笔记
Jan 31 Javascript
微信小程序之裁剪图片成圆形的实现代码
Oct 11 Javascript
Vue-CLI3.x 设置反向代理的方法
Dec 06 Javascript
浅谈Vue服务端渲染框架Nuxt的那些事
Dec 21 Javascript
简单了解JavaScript作用域
Jul 31 Javascript
详谈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
php中怎么搜索相关联数组键值及获取之
2013/10/17 PHP
php查询相似度最高的字符串的方法
2015/03/12 PHP
PHP使用递归方式列出当前目录下所有文件的方法
2015/06/02 PHP
php实现遍历多维数组的方法
2015/11/25 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
JavaScript 学习笔记 Black.Caffeine 09.11.28
2009/11/30 Javascript
Extjs grid panel自带滚动条失效的解决方法
2014/09/11 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
2016/02/17 Javascript
Javascript将数值转换为金额格式(分隔千分位和自动增加小数点)
2016/06/22 Javascript
js读取json文件片段中的数据实例
2017/03/09 Javascript
Webpack打包慢问题的完美解决方法
2017/03/16 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
2017/06/13 Javascript
基于Vue实现图书管理功能
2017/10/17 Javascript
OkHttp踩坑随笔为何 response.body().string() 只能调用一次
2018/01/08 Javascript
vue.js学习笔记之v-bind和v-on解析
2018/05/03 Javascript
微信小程序实现评论功能
2018/11/28 Javascript
vue生命周期的探索
2019/04/03 Javascript
Vue实现页面添加水印功能
2019/11/09 Javascript
weui上传多图片,压缩,base64编码的示例代码
2020/06/22 Javascript
vue cli3.0打包上线静态资源找不到路径的解决操作
2020/08/03 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
2020/08/25 Javascript
python MySQLdb Windows下安装教程及问题解决方法
2015/05/09 Python
Python爬虫使用Selenium+PhantomJS抓取Ajax和动态HTML内容
2018/02/23 Python
TensorFLow用Saver保存和恢复变量
2018/03/10 Python
使用virtualenv创建Python环境及PyQT5环境配置的方法
2019/09/10 Python
pip install python 快速安装模块的教程图解
2019/10/08 Python
Python利用逻辑回归模型解决MNIST手写数字识别问题详解
2020/01/14 Python
python实现数据结构中双向循环链表操作的示例
2020/10/09 Python
利用CSS3实现炫酷的飞机起飞动画
2016/09/17 HTML / CSS
HTML5所有标签汇总及标签意义解释
2015/03/12 HTML / CSS
计算机毕业大学生求职信
2014/06/26 职场文书
项目申报专员岗位职责
2014/07/09 职场文书
公安领导班子四风问题个人整改措施思想汇报
2014/10/09 职场文书
2015年求职自荐信范文
2015/03/04 职场文书
Python编程super应用场景及示例解析
2021/10/05 Python
Python Django模型详解
2021/10/05 Python