首页
文章
留言
首页
文章
留言
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
相关文章
jquery.tmpl使用总结
HTML5常用特性总结
JavaScript常用函数总结
CSS让元素水平垂直居中
CSS设置图片水平及垂直居中
全部分类
前端
后端
运维
架构
算法
数据库
移动应用
桌面应用
程序开发
热门标签
MongoDB
GUI
多线程
macOS
Qt
Sphinx
Docker
Redis
CentOS
Linux
Git
爬虫
OpenResty
Nginx
Elasticsearch
Kafka
MySQL
Shell
HTML
Objective-C
NoSQL
Supervisor
Lua
Kubernetes
PHP
C++
CSS
Android
JavaScript
iOS
Python
Composer
热门文章
Composer使用总结
PHP开发之字符串处理
Qt实现TCP通讯
Git使用总结
Linux命令总结
JavaScript常用函数总结
iOS开发之面向对象
iOS开发之WiFi传输文件
10种常见的软件架构模式
Elasticsearch详解