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

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

• 一. 获取当前页面的 url地址
• 二. 获取当前网址url 后的指定参数

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

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

1. url 地址

   方法：
   结果： http://localhost:8080/home?id=123

2. 地址协议

   方法：
   结果： http:

3. 域名 + 端口

   方法：
   结果： localhost:8080

4. 域名

   方法：
   结果： localhost

5. 域名

   方法：
   结果： 8080

6. 路径

   方法：
   结果： /home

7. 请求的参数

   方法：
   结果： ?id=123

8. 协议 + 域名 + 端口

   方法：
   结果： 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;
}
///?tn=48021271_15_hao_pg
let res = getQueryString("tn");
console.log(res);