window.location对象详解

以http://www.myurl.com:8866/test?id=123&username=xxx作为例子，介绍一下location的常用属性：

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的某个参数值。这时封装一个输入参数名获取对应参数值的函数是必不可少的，如下所示：

functiongetQuery(name){// 正则：[找寻'&' + 'url参数名字' = '值' + '&']（'&'可以不存在）letreg =newRegExp("(^|&)"+ name +"=([^&]*)(&|$)");letr =window.location.search.substr(1).match(reg);if(r !=null) {// 对参数值进行解码returnunescape(r[2]);    }returnnull;}// 调用方法，注意需要传入String类型的数据，输出结果为String类型getQuery('id');// '123'

window.location.origin（'?'前边的URL）

结果如下：

http://www.myurl.com:8866

转载地址：https://www.jianshu.com/p/c9324d237a8e/