JS中的location属性
来源:互联网 发布:雅思在线模拟考试软件 编辑:程序博客网 时间:2024/06/07 03:06
location属性一般引用自Location对象,可以用于获取或者设置当前的URL。
window.location === document.location; //true 均引用自Location对象;
URL的一般组成包括:
eg: protocol://[user[:password]@]hostname:[port][/path][?query][#fragment]
获取URL的方式包括:
location.hreflocation.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页面不会重新加载,但是会在浏览器中生成一条新的历史记录;
0 0
- JS中的location属性
- js中的location.search属性
- javascript中的location属性
- js中的location
- js中的Location对象
- js中的location.reload()
- 【整理】JS中的Location对象
- JS代码的window.location属性详解
- JS代码的window.location属性详解
- JS代码的window.location属性详解
- JS中document对象的location属性
- JS代码的window.location属性详解
- JS代码的window.location属性详解
- javascript中的location对象属性及描述。
- js 中的window.location.search.match("XX")
- JS中的window.location.href解释
- 刷新页面js中的location.reload()用法
- 【js与jquery】window.location.hash属性介绍
- ubuntu16.04上用源代码安装ICE
- spoj 1716 Can you answer these queries III
- 关于Arduino与USART HMI串口通讯
- 中介者模式
- Java集合---ConcurrentHashMap原理分析
- JS中的location属性
- linux下I2C驱动架构全面分析
- post请求下载excel文档解决方法
- RecyclerView在5.0以上版本滑动不流畅(没有惯性效果)问题的处理
- Java多线程技术
- 根据属地id选择子属地
- 手把手教你封装一个vue component
- TODAY ISSUE
- Fiddler抓取https的原理