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 相关文章推荐
认识Knockout及如何使用Knockout绑定上下文
Dec 25 Javascript
js前端面试题及答案整理(一)
Aug 26 Javascript
vue2.0中click点击当前li实现动态切换class
Jun 21 Javascript
vue单页应用中如何使用jquery的方法示例
Jul 27 jQuery
微信小程序实现刷脸登录
May 25 Javascript
微信小程序按钮去除边框线分享页面功能
Aug 27 Javascript
vue上传图片到oss的方法示例(图片带有删除功能)
Sep 27 Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
Feb 21 Javascript
使用imba.io框架得到比 vue 快50倍的性能基准
Jun 17 Javascript
vue响应式更新机制及不使用框架实现简单的数据双向绑定问题
Jun 27 Javascript
基于vue中的scoped坑点解说
Sep 04 Javascript
Node.js fs模块原理及常见用途
Oct 22 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从数组中随机选择若干不重复元素的方法
2015/03/14 PHP
PHP异常处理浅析
2015/05/12 PHP
PHP简单装饰器模式实现与用法示例
2017/06/22 PHP
javascript基础的动画教程,直观易懂
2007/01/10 Javascript
jquery里的each使用方法详解
2010/12/22 Javascript
用jquery的方法制作一个简单的导航栏
2014/06/23 Javascript
纯jquery实现模仿淘宝购物车结算
2015/08/20 Javascript
jQuery鼠标事件汇总
2015/08/30 Javascript
微信小程序 vidao实现视频播放和弹幕的功能
2016/11/02 Javascript
详解JavaScript中的属性和特性
2016/12/08 Javascript
Vue.directive使用注意(小结)
2018/08/31 Javascript
Vue起步(无cli)的啊教程详解
2019/04/11 Javascript
js 实现 list转换成tree的方法示例(数组到树)
2019/08/18 Javascript
利用python对Excel中的特定数据提取并写入新表的方法
2018/06/14 Python
Python读取英文文件并记录每个单词出现次数后降序输出示例
2018/06/28 Python
浅谈关于Python3中venv虚拟环境
2018/08/01 Python
Python获取航线信息并且制作成图的讲解
2019/01/03 Python
对python以16进制打印字节数组的方法详解
2019/01/24 Python
python实现的Iou与Giou代码
2020/01/18 Python
2020版Python学习路线图(附学习资料)
2020/09/15 Python
HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用
2012/12/09 HTML / CSS
Lookfantastic美国/加拿大:英国知名美妆购物网站
2019/03/27 全球购物
jQuery treeview树形结构应用
2021/03/24 jQuery
生产车间实习自我鉴定
2013/09/23 职场文书
安全资料员岗位职责
2013/12/14 职场文书
汽车专业大学生职业生涯规划范文
2014/01/07 职场文书
卫生巾广告词
2014/03/18 职场文书
初中生操行评语大全
2014/04/24 职场文书
岗位说明书标准范本
2014/07/30 职场文书
2014乡镇干部纪律作风整顿思想汇报
2014/09/13 职场文书
法人委托书范本
2014/09/15 职场文书
标准单位租车协议书
2014/09/23 职场文书
表扬通报怎么写
2015/01/16 职场文书
我的1919观后感
2015/06/03 职场文书
《游戏公平》教学反思
2016/02/20 职场文书
详解如何修改nginx的默认端口
2021/03/31 Servers