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 this 的一些学习总结
Aug 31 Javascript
JS实现生成会变大变小的圆环实例
Aug 05 Javascript
纯js实现手风琴效果
Apr 17 Javascript
jQuery 操作input中radio的技巧
Jul 18 Javascript
js字符串引用的两种方式(必看)
Sep 18 Javascript
Javascript中作用域的详细介绍
Oct 06 Javascript
详解JS中定时器setInterval和setTImeout的this指向问题
Jan 06 Javascript
JS实现合并json对象的方法
Oct 10 Javascript
微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤
Sep 18 Javascript
详解VScode编辑器vue环境搭建所遇问题解决方案
Apr 26 Javascript
mpvue实现微信小程序快递单号查询代码
Apr 03 Javascript
javascript设计模式 ? 职责链模式原理与用法实例分析
Apr 16 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 curl基本操作详解
2013/07/23 PHP
PHP整数取余返回负数的相关解决方法
2014/05/15 PHP
如何利用http协议发布博客园博文评论
2015/08/03 PHP
PHP数组生成XML格式数据的封装类实例
2016/11/10 PHP
漂亮的thinkphp 跳转页封装示例
2019/10/16 PHP
tp5框架基于ajax实现异步删除图片的方法示例
2020/02/10 PHP
Javascript学习笔记9 prototype封装继承
2010/01/11 Javascript
使用js判断数组中是否包含某一元素(类似于php中的in_array())
2013/12/12 Javascript
js弹出确认是否删除对话框
2014/03/27 Javascript
JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
2014/11/03 Javascript
理解javascript函数式编程中的闭包(closure)
2016/03/08 Javascript
js实现获取鼠标当前的位置
2016/12/14 Javascript
js控制按钮,防止频繁点击响应的实例
2017/02/15 Javascript
JS实现线性表的链式表示方法示例【经典数据结构】
2017/04/11 Javascript
关于laydate.js加载laydate.css路径错误问题解决
2017/12/27 Javascript
微信小程序使用template标签实现五星评分功能
2018/11/03 Javascript
element vue validate验证名称重复 输入框与后台重复验证 特殊字符 字符长度 及注意事项小结【实例代码】
2018/11/20 Javascript
解决LayUI数据表格复选框不居中显示的问题
2019/09/25 Javascript
[43:32]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS NewBee第一场
2014/05/26 DOTA
[02:33]2018 DOTA2亚洲邀请赛回顾视频 再次拾起那些美妙的时刻
2018/04/10 DOTA
python smtplib模块自动收发邮件功能(二)
2018/05/22 Python
python根据文章标题内容自动生成摘要的实例
2019/02/21 Python
django解决订单并发问题【推荐】
2019/07/31 Python
pandas的排序和排名的具体使用
2019/07/31 Python
使用Rasterio读取栅格数据的实例讲解
2019/11/26 Python
Python爬虫之Selenium警告框(弹窗)处理
2020/12/04 Python
分享一个python的aes加密代码
2020/12/22 Python
html5 div布局与table布局详解
2016/11/16 HTML / CSS
Omio法国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/13 全球购物
院药学专业个人求职信
2013/09/21 职场文书
岗位职责定义及内容
2013/11/08 职场文书
元旦晚会上单位领导演讲稿
2014/01/05 职场文书
高中美术教学反思
2014/01/19 职场文书
庆中秋节主题活动方案
2014/02/03 职场文书
2015年安全员工作总结范文
2015/04/22 职场文书
活动经费申请报告
2015/05/15 职场文书