首页
文章
留言
首页
文章
留言
JavaScript之window.location
2016 年 11 月 22 日
前端
JavaScript
JavaScript 的 location 对象是用于窗口或框架的对象。location 对象包含有关当前 URL 的信息。下面总结一下 location 对象的一些属性。 假设一个链接为: ```plaintext http://www.mydomain.com:6666/index?id=1000&name=xxx ``` 那么 location 对象的一些属性如: #### window.location.href 说明:当前页面完整链接。结果如下: ```plaintext http://www.mydomain.com:6666/test?id=1000&name=xxx ``` #### window.location.protocol 说明:当前链接的协议。结果如下: ```plaintext http: ``` #### window.location.hostname 说明:域名。结果如下: ```plaintext www.mydomain.com ``` #### window.location.host 说明:域名 + 端口,如果端口为 `80` 则忽略。结果如下: ```plaintext www.mydomain.com:6666 ``` #### window.location.port 说明:端口。结果如下: ```plaintext 6666 ``` #### window.location.pathname 说明:路径部分。结果如下: ```plaintext /test ``` #### window.location.search 说明:请求的参数。结果如下: ```plaintext ?id=1000&name=xxx ``` #### window.location.origin 说明:`'?'` 前边的 URL。结果如下: ```plaintext http://www.mydomain.com:6666/test ``` 写一个获取当前 URL 参数的函数: ```javascript /** * @param string name 键值 * @return string */ function getQuery(name) { // 正则:[找寻'&' + 'url参数名字' = '值' + '&']('&'可以不存在) let reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); let r = window.location.search.substr(1).match(reg); if(r != null) { // 对参数值进行解码 return unescape(r[2]); } return null; } // 调用 getQuery('id'); ```
0
相关文章
CSS设置图片水平及垂直居中
CSS让元素水平垂直居中
HTML5常用特性总结
jquery.tmpl使用总结
JavaScript常用函数总结
全部分类
前端
后端
运维
架构
算法
数据库
移动应用
桌面应用
程序开发
热门标签
Kafka
Elasticsearch
Docker
macOS
NoSQL
Linux
Sphinx
GUI
Lua
HTML
Python
OpenResty
CentOS
JavaScript
MongoDB
Shell
Android
MySQL
Redis
爬虫
CSS
iOS
C++
Kubernetes
PHP
Objective-C
Supervisor
多线程
Composer
Nginx
Git
Qt
热门文章
Python爬虫之Beautiful Soup的使用
PHP常用函数总结
OpenResty+Lua+Kafka收集日志
Elasticsearch详解
iOS开发之定时执行任务
Kubernetes介绍
10种常见的软件架构模式
jquery.tmpl使用总结
iOS开发之WiFi传输文件
macOS常用命令