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 相关文章推荐
javascript 实现键盘上下左右功能的小例子
Sep 15 Javascript
JQuery获取或设置ckeditor的数据(示例代码)
Nov 15 Javascript
jQuery filter函数使用方法
May 19 Javascript
jQuery中contents()方法用法实例
Jan 08 Javascript
JavaScript 常见安全漏洞和自动化检测技术
Aug 21 Javascript
JS实现iframe自适应高度的方法(兼容IE与FireFox)
Jun 24 Javascript
JavaScript 中有关数组对象的方法(详解)
Aug 15 Javascript
jQuery列表检索功能实现代码
Jul 17 jQuery
vue-cli常用设置总结
Feb 24 Javascript
jQuery实现获取当前鼠标位置并输出功能示例
Jan 05 jQuery
javascript的delete运算符知识点总结
Nov 19 Javascript
ElementUI 修改默认样式的几种办法(小结)
Jul 29 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/06/07 PHP
调整PHP的性能
2013/10/30 PHP
详谈php ip2long 出现负数的原因及解决方法
2017/04/05 PHP
thinkPHP5项目中实现QQ第三方登录功能
2017/10/20 PHP
关于Jqzoom的使用心得 jquery放大镜效果插件
2010/04/12 Javascript
ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)
2012/01/13 Javascript
js网页中的(运行代码)功能实现思路
2013/02/04 Javascript
js jquery ajax的几种用法总结(及优缺点介绍)
2014/01/28 Javascript
使用js实现关闭js弹出层的窗口
2014/02/10 Javascript
JavaScript操作cookie类实例
2015/03/31 Javascript
jQuery插件简单实现方法
2015/07/18 Javascript
JS for循环中i++ 和 ++i的区别介绍
2016/07/20 Javascript
详解vue2.0的Element UI的表格table列时间戳格式化
2017/06/13 Javascript
JS实现按钮添加背景音乐示例代码
2017/10/17 Javascript
基于react后端渲染模板引擎noox发布使用
2018/01/11 Javascript
使用JavaScript保存文本文件到本地的两种方法
2019/01/22 Javascript
vue项目中全局引入1个.scss文件的问题解决
2019/08/01 Javascript
layui表格设计以及数据初始化详解
2019/10/26 Javascript
vue基础知识--axios合并请求和slot
2020/06/04 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
2020/11/30 Javascript
[00:57]辉夜杯战队访谈宣传片—VG
2015/12/25 DOTA
python修改list中所有元素类型的三种方法
2018/04/09 Python
对python内置map和six.moves.map的区别详解
2018/12/19 Python
使用virtualenv创建Python环境及PyQT5环境配置的方法
2019/09/10 Python
python实现七段数码管和倒计时效果
2019/11/23 Python
python django中8000端口被占用的解决
2019/12/17 Python
如何在Python 游戏中模拟引力
2020/03/27 Python
深入了解python列表(LIST)
2020/06/08 Python
简单的命令查看安装的python版本号
2020/08/28 Python
Superdry瑞典官网:英国日本街头风品牌
2017/05/17 全球购物
美国购买舞会礼服网站:Couture Candy
2019/12/29 全球购物
个人简历自我评价
2014/02/02 职场文书
交通事故和解协议书
2015/01/27 职场文书
给女朋友的道歉短信
2015/05/12 职场文书
公司年会开场白
2015/06/01 职场文书
ssh服务器拒绝了密码 请再试一次已解决(亲测有效)
2022/08/14 Servers