JS - 获取当前页面的 url地址 及 相关信息

一. 获取当前页面的 url地址

window.location

以http://localhost:8080/home?id=123地址为例

1. url 地址

   方法：window.location.href
   结果： http://localhost:8080/home?id=123

2. 地址协议

   方法：window.location.protocol
   结果： http:

3. 域名 + 端口

   方法：window.location.host
   结果： localhost:8080

4. 域名

   方法：window.location.hostname
   结果： localhost

5. 域名

   方法：window.location.port
   结果： 8080

6. 路径

   方法：window.location.pathname
   结果： /home

7. 请求的参数

   方法：window.location.search
   结果： ?id=123

8. 协议 + 域名 + 端口

   方法：window.location.origin
   结果： http://localhost:8080

二. 获取当前网址url 后的指定参数

// 获取当前网址url 后的指定参数
function getQueryString(name) {
    var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
    var r = window.location.search.substr(1).match(reg);
    if (r != null) {
        return unescape(r[2]);
    }
    return null;
}
//https://www.baidu.com/?tn=48021271_15_hao_pg
let res = getQueryString("tn");
console.log(res);