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 相关文章推荐
js版本A*寻路算法
Dec 22 Javascript
JavaScript的Cookies
Jan 16 Javascript
基于JQuery的一句代码实现表格的简单筛选
Jul 26 Javascript
js 为label标签和div标签赋值的方法
Aug 08 Javascript
js登录弹出层特效
Mar 07 Javascript
window.close(); 关闭浏览器窗口js代码的总结介绍
Jul 14 Javascript
微信小程序之拖拽排序(代码分享)
Jan 21 Javascript
WebStorm ES6 语法支持设置&amp;babel使用及自动编译(详解)
Sep 08 Javascript
JS控制鼠标拒绝点击某一按钮的实例
Dec 29 Javascript
JavaScript this在函数中的指向及实例详解
Oct 14 Javascript
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
JS call()及apply()方法使用实例汇总
Jul 11 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
PHP5.2下chunk_split()函数整数溢出漏洞 分析
2007/06/06 PHP
PHP时间戳与日期之间转换的实例介绍
2013/04/19 PHP
实例介绍PHP的Reflection反射机制
2014/08/05 PHP
Zend Framework自定义Helper类相关注意事项总结
2016/03/14 PHP
Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作
2017/06/30 PHP
网页设计常用的一些技巧
2006/12/22 Javascript
JQuery 学习笔记 选择器之五
2009/07/23 Javascript
javascript小数计算出现近似值的解决办法
2010/02/06 Javascript
用js来刷新当前页面保留参数的具体实现
2013/12/23 Javascript
JQuery中模拟image的ajaxPrefilter与ajaxTransport处理
2015/06/19 Javascript
javascript获取网页宽高方法汇总
2015/07/19 Javascript
基于Jquery实现表单验证
2020/07/20 Javascript
灵活的理解JavaScript中的this指向
2016/02/25 Javascript
jQuery的框架介绍
2016/05/11 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
2016/06/23 Javascript
js实现模糊匹配功能
2017/02/15 Javascript
ES6解构赋值实例详解
2017/10/31 Javascript
在 Typescript 中使用可被复用的 Vue Mixin功能
2018/04/17 Javascript
详解Vue依赖收集引发的问题
2019/04/22 Javascript
Python实现快速排序算法及去重的快速排序的简单示例
2016/06/26 Python
flask session组件的使用示例
2018/12/25 Python
Python 调用 Windows API COM 新法
2019/08/22 Python
Django model重写save方法及update踩坑详解
2020/07/27 Python
css3隔行变换色实现示例
2014/02/19 HTML / CSS
HTML5和以前HTML4的区别整理
2013/10/20 HTML / CSS
您的网上新华书店:文轩网
2016/08/24 全球购物
印度网上药店:1mg
2017/10/13 全球购物
我们是伦敦女孩:WalG
2018/01/08 全球购物
旅游管理专业学生求职信
2013/09/28 职场文书
大学毕业生的自我鉴定
2013/11/30 职场文书
党的群众路线教育实践活动个人剖析材料
2014/10/07 职场文书
教师批评与自我批评心得体会
2014/10/16 职场文书
欠条样本
2015/07/03 职场文书
2016年政治理论学习心得体会
2016/01/25 职场文书
学校教代会开幕词
2016/03/04 职场文书
JavaScript展开运算符和剩余运算符的区别详解
2022/02/18 Javascript