JavaScript 在 iframe 中获取父窗口 URL 的方法

作者:拾光时间:2026-10-28 22:05:43浏览:297

本文介绍如何在 iframe 页面中通过 JavaScript 获取父窗口的 URL 地址。核心思路是利用 document.referrer 属性,并处理跨域限制导致的权限错误。代码尝试从顶层窗口获取 referrer,若失败则回退至父窗口或直接使用当前文档的 referrer,确保在不同环境下能正确获取地址。

iframe 获取父窗口 URL 的实现逻辑

本文介绍一种在 JavaScript 中获取 iframe 父窗口 URL 地址的实现方案,供开发者参考。

核心代码与跨域处理


var url='';
try { 
    url = window.top.document.referrer ; 
} catch(M) { 
    if (window.parent) { 
      try { 
        url = window.parent.document.referrer;
      } catch(L) { 
        url = "";
      } 
    } 
} 
if (url === "") { 
    url = document.referrer;
}

上述代码已在浏览器环境中验证,能够成功获取到目标地址。

希望本文提供的解决方案能对您的 JavaScript 开发工作有所帮助。

作者最新文章