JS代码的window.location属性详解
如果你稍微懂一些JS代码,一般都会知道 window.location.href 这个属性。并且用该属性获取页面 URL 地址:
window.location.href = window.location.href;
好吧,我告诉你,这样弱掉了。其实原生 JavaScript 真是什么都有。
window.location 对象所包含的属性
属性 | 描述 |
---|---|
hash | 从井号 (#) 开始的 URL(锚) |
host | 主机名和当前 URL 的端口号 |
hostname | 当前 URL 的主机名 |
href | 完整的 URL |
pathname | 当前 URL 的路径部分 |
port | 当前 URL 的端口号 |
protocol | 当前 URL 的协议 |
search | 从问号 (?) 开始的 URL(查询部分) |
window.location.hash
要使用 JS 定位锚点,完全可以使用 window.hash 配合元素 ID 完成。比如快速定位到页面的某条评论,则直接使用如下代码即可:
window.location.hash = "#comment-5981";
另外 Twitter、Facebook、Google 等已经开始大量使用 #! 这种形式的 hash 方法处理异步交互页面的 URL 可回溯功能。
window.location.search
如果有这样一个 URL 地址:
http://www.google.com.hk/search?hl=zh-CN&source=hp&biw=1400&bih=935&q=%E8%8A%92%E6%9E%9C%E5%B0%8F%E7%AB%99&aq=f&aqi=&aql=&oq=
如何利用 JS 脚本捕获页面 GET 方式请求的参数?其实直接使用 window.location.search 获得,然后通过 split 方法结合循环遍历自由组织数据格式。
另外,如果根据用户的搜索条件刷新页面,只需直接设置 window.location.search 即可。
JS代码的window.location属性详解相关推荐
- js锚点定位_overflow属性详解,利用CSS实现锚点定位
1.overflow的裁剪界线--border-box overflow属性用于指定块容器元素的内容溢出时的表现方式--滚动,裁剪,自适应."BFC的最佳结界"只是其衍生出来的特性 ...
- window.name属性详解(Javascript)
关于window下自带name的属性 不知道大家有没有发现这样一种情况 在控制台里直接输出未声明变量,正常情况应该是会报错的,而且声明未赋值的变量输出应该是undefined var a; //und ...
- postman测试工具中的js代码中的sendRequest()使用详解
发送get请求 const url = 'http://115.28.108.130:5000/api/user/getToken/?appid=136425'; // 发送get请求 pm.send ...
- linux 弹出窗口,实现弹出窗口的window.open用法详解(js代码)
实现弹出窗口的window.open用法详解(js代码) [1.最基本的弹出窗口代码] 其实代码非常简单: 因为这是一段javascripts代码,所以它们应该放在 cript">标签 ...
- JS BOM之location.hash详解
location.hash详解 去年9月,twitter改版. 一个显著变化,就是URL加入了"#!"符号.比如,改版前的用户主页网址为 http://twitter.com/us ...
- js基础 -- window.btoa和window.atob使用详解.md
欢迎访问我的个人博客:http://www.xiaolongwu.cn 定义 atob() 解码一个Base64字符串. btoa() 从一个字符串或者二进制数据编码一个Base64字符串. 用法 只 ...
- JS逆向之浏览器补环境详解
JS逆向之浏览器补环境详解 "补浏览器环境"是JS逆向者升职加薪的必备技能,也是工作中不可避免的操作. 为了让大家彻底搞懂 "补浏览器环境"的缘由及原理,本文将 ...
- 【input 标签的 type 属性详解】
input 标签的 type 属性详解 1. input 输入标签的 type 属性 1.1 input 标签的 type类型 属性的常用属性值 ⑴ 单行文本框: type="text&qu ...
- layui添加复选框_对layui初始化列表的CheckBox属性详解,初始化属性
对layui初始化列表的CheckBox属性详解,初始化属性 通常layui前端页面完全按照layui官网的例子写所有的页面初始化都没有问题,但是那只是静态页面.当加入后台去动态加载页面的时候有写样式 ...
最新文章
- python的sklearn机器学习SVM中的NuSVC运行报错:ValueError: b'specified nu is infeasible'
- python参考手册--第8章
- 使用AOP动态调用WebService
- 利用python对微信云数据库_如何用python看看女神的微信百度云里面有啥?
- django2.2+pymysql0.9.3报错(亲测)
- CPU缓存一致性协议MESI - 笔记
- 解决关于 ionic3 启动白屏 控制台错误提示:Uncaught SyntaxError Use of const in strict mode.
- Bootstrap 轮番插件
- [再学Python] - 面向对象的程序设计- 对象和类
- plsql developer 64位oracle,手把手教你Plsql developer连接64位Oracle
- ntp server
- 魔方还原算法(一) 概述
- windows自动化操作——程序员必备
- 数据类型扩展 相关面试题讲解 类型转换
- '与或非' 和 逻辑 '与或' 运算
- Activity onDestroy() 回调缓慢问题分析及完美解决方案
- 保研导师联系邮件模板
- 【英语天天读】优秀的标准
- 微信新增彩蛋表情,遭网友疯狂吐槽
- 华为p20何时升级成鸿蒙,华为P20用户须知!EMUI 9.1 正式推送更新
热门文章
- 【Android 逆向】Android 进程代码注入原理 ( 注入本质 | 静态注入和动态注入 | 静态注入两种方式 | 修改动态库重打包 | 修改 /data/app/xx/libs 动态库 )
- 格式工厂软件处理视频
- 网络嗅探与欺骗(FTP部分)
- 第22条:理解NSCopying 协议
- Windows 中 SQLite3 使用(1) -- 配置
- Cadence 建立封装:多个引脚于芯片内部连接的封装建立方式
- 如何解析字符串类型的xml
- xcode 允许SVN管理项目文件
- 罚函数法求解约束问题最优解
- 汇编语言随笔(1)- 初步介绍和寄存器概览