JS中的location属性
location属性一般引用自Location对象,可以用于获取或者设置当前的URL。
window.location === document.location; //true 均引用自Location对象;
URL的一般组成包括:
eg: protocol://[user[:password]@]hostname:[port][/path][?query][#fragment]
获取URL的方式包括:
location.href
location.toString()
location.toLocaleString()
document.URL
设置URL的方式:
location.href = " xxx"; //不加协议会默认为相对路径,location="xxx"类似
window.location对象的其他属性包括:
location.host //主机加端口号
location.hostname //主机
location.port //端口号
location.protocol //协议
location.pathname //路径
location.hash //片段标识符,可以用于保存网页状态
location.search //返回链接内的查询字符串(包括问号,不包括片段标识符`#`部分)
这些URL属性均是可写的,该对象还有其他方法如locatioin.replace()、location.assign()、location.reload()等;
location.assign()会在浏览器的历史记录中增加一条新纪录;
location.replace()会使用新URL覆盖浏览器的当前历史记录;
location.reload()会重新加载当前页面,默认不传参如果存在缓存会从浏览器缓存中加载;如果传入Boolean类型的true,则会强制从服务器加载;
location.assign('http://www.baidu.com');
location.reload() // 可能从浏览器缓存加载
location.reload(true) // 强制从服务器端加载
每次修改location的属性(除hash外),页面都会以新URL重新加载;
虽然修改location.hash页面不会重新加载,但是会在浏览器中生成一条新的历史记录;
JS中的location属性相关推荐
- 关于js中window.location.href、location.href 等如何跳转
关于js中"window.location.href"."location.href"."parent.location.href".&qu ...
- 关于js中window.location.href,location.href,parent.location.href,top.location.href的使用方法
关于js中"window.location.href"."location.href"."parent.location.href".&qu ...
- js中的location的href和pathname,search
js中的location的href和pathname,search 在我们使用浏览器中访问一个url,HTTP GET获取到一个资源后.我们可以查看浏览器的location对象. 比如,我们searc ...
- JS中的location.href
//js中的location.href有很多种用法:self.location.href="/url"; //当前页面打开URL页面location.href="/url ...
- 关于js中window.location.href、location.href、parent.location.href、top.location.href的用法...
关于js中"window.location.href"."location.href"."parent.location.href".&qu ...
- JS中对象按属性排序(冒泡排序)
原文地址 https://www.cnblogs.com/it-Ren/p/10898947.html 一路向北√ 越努力,越幸运. JS中对象按属性排序(冒泡排序) 冒泡排序:它重复地走访过要排序的 ...
- 关于js中window.location.href、location.href重定向
关于js中"window.location.href"."location.href"."parent.location.href".&qu ...
- js中获取对象属性的3种方式
js中遍历获取对象属性和方法主要有Object.keys().Object.getOwnPropertyNames().for-in- 区别 1.for in会输出自身以及原型链上可枚举的属性.2.O ...
- JS中元素的属性(class、style)操作
前提:已引入JQuery 1.去除元素的class属性 $("选择器").removeClass(类名) 2.给元素添加样式属性 $("选择器").css('b ...
最新文章
- 一个bug隐藏了另外一个bug,reloaddata,
- nUnit,凑合着测试
- 在Linux上进行内核参数调整
- .net 插件式开发学习总结
- np.expand_dims()介绍
- 关于hibernate的查询
- 内网渗透,横向移动总结(mimikatz域控)
- AI 智能会议系统(36)---AI 书单
- Java并发之AQS同步器学习
- OLAP-Kylin-大数据Week13-DAY4-Kylin
- 罗马数字与阿拉伯数字转换
- 帆软已知年和第几周,算出7天日期如何写?
- syslog可能引起得问题_电动车控制器经常出现的问题分析
- C语言编程判断字母大小并转换,towupper()
- A*解决传教士与野人问题
- 【附源码】计算机毕业设计SSM我的大学电子相册
- 执一不二 跬步千里-王子密码2011年11月份心得(十)
- Locating Restriction Sites
- 使用Python评估一支股票的价格
- 数据库 之数据库设计浅知识 -- 设计概述、概念结构设计(E-R模型概述)、逻辑结构设计(函数依赖和范式)、物理结构设计