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

作者：拾光

时间：2026-10-28

本文介绍如何在 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 开发工作有所帮助。