js 获取url的多种方式

大家好，欢迎来到IT知识分享网。

1. window.location.href：这个属性返回当前窗口(当前页面、iframe)的完整 URL。
2. window.parent.location.href 是上一层页面跳转url
3. window.top.location.href 是最外层的页面跳转url
4. document.URL：这个属性也可以用来获取当前窗口的完整 URL
5. window.location.toString()：使用该方法同样可以获得当前页面的完整 URL。
6. window.location.protocol + ‘//’ + window.location.host + window.location.pathname：通过拼接协议、主机和路径信息，我们也能够构建出完整的 URL 地址。
   console.log(window.location.protocol + '//' + window.location.host + window.location.pathname);
   
7. 使用正则表达式提取： 如果你只需要从URL中提取特定部分，比如域名或查询参数等，你可以使用正则表达式配合match()方法进行匹配获取。例如：

const url = window.top.location.href; const domain = url.match(/^(?:https?:\/\/)?(?:[^@\n]+@)?(?:www\.)?([^:\/\n]+)/im)[1]; console.log(domain); // 输出域名部分 const params = { 
   }; url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m, key, value) { 
    params[key] = decodeURIComponent(value); }); console.log(params); // 输出包含查询参数键值对组成的对象