- window.location.href：这个属性返回当前窗口(当前页面、iframe)的完整 URL。
- window.parent.location.href 是上一层页面跳转url
- window.top.location.href 是最外层的页面跳转url
- document.URL：这个属性也可以用来获取当前窗口的完整 URL
- window.location.toString()：使用该方法同样可以获得当前页面的完整 URL。
- window.location.protocol + '//' + window.location.host + window.location.pathname：通过拼接协议、主机和路径信息，我们也能够构建出完整的 URL 地址。
console.log(window.location.protocol + '//' + window.location.host + window.location.pathname); - 使用正则表达式提取： 如果你只需要从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); // 输出包含查询参数键值对组成的对象
文章来源地址https://www.toymoban.com/news/detail-714583.html
文章来源：https://www.toymoban.com/news/detail-714583.html
到了这里，关于js 获取url的多种方式的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
