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); // 输出包含查询参数键值对组成的对象

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注