码迷,mamicode.com
首页 > Windows程序 > 详细

window.location对象详解

时间:2018-12-28 17:14:59      阅读:492      评论:0      收藏:0      [点我收藏+]

标签:函数   获取   path   class   host   shu   color   ref   位置   

window.location.href(当前URL)

结果如下:
http://www.myurl.com:8866/test?id=123&username=xxx

window.location.protocol(协议)

结果如下:
http:

window.location.host(域名 + 端口)

结果如下:
www.myurl.com:8866

window.location.hostname(域名)

结果如下:
www.myurl.com

window.location.port(端口)

结果如下:
8866

window.location.pathname(路径部分)

结果如下:
/test

window.location.search(请求的参数)

结果如下:
?id=123&username=xxx

通常由于业务需要,前端页面中的某个数据源来源,需要我们去获取URL的某个参数值。这时封装一个输入参数名获取对应参数值的函数是必不可少的,如下所示:

function getQuery(name) {
  // 正则:[找寻‘&‘ + ‘url参数名字‘ = ‘值‘ + ‘&‘](‘&‘可以不存在)
    let reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    let r = window.location.search.substr(1).match(reg);//substr() 的参数指定的是子串的开始位置和长度,因此它可以替代 substring() 和 slice() 来使用,但是它没有标准化
    if(r != null) {
      // 对参数值进行解码
        return unescape(r[2]); 
    }
    return null;
}

// 调用方法,注意需要传入String类型的数据,输出结果为String类型
getQuery(id);   // ‘123‘

不过unescape解码方法已经废除了。注释:ECMAScript v3 已从标准中删除了 unescape() 函数,并反对使用它,因此应该用 decodeURI() 和 decodeURIComponent() 取而代之。

window.location.origin(‘?‘前边的URL)

结果如下:
http://www.myurl.com:8866



链接:https://www.jianshu.com/p/c9324d237a8e

window.location对象详解

标签:函数   获取   path   class   host   shu   color   ref   位置   

原文地址:https://www.cnblogs.com/gopark/p/10191577.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!