跨域下获取iframe的父页面URL

最新推荐文章于 2024-04-10 09:49:14 发布

原创最新推荐文章于 2024-04-10 09:49:14 发布 · 1.7k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

本文介绍了一种在iframe与父页面不遵循同源策略时获取父页面URL的方法，通过使用parent!=window检测同源性，并在不同源情况下采用document.referrer或parent.location.href来获取URL。此外，文章还提到了window.name作为另一种处理动态创建的iframe的手段。

通常情况下，我们获取iframe父页面的url很简单：parent.location或top.location即可，但前提是它们遵循同源策略。

当iframe与父页面不属于同一个域名时，像上面的获取会因为安全策略原因而失败。在nczonline的一篇文章上看到一种方法，使用document.referrer。

方法很简单，通过parent !=window检测iframe与父页面是否同源，当不同源时，使用document.referrer，否则使用parent.location.href

function getParentUrl() { var url = null; if (parent !== window) { try {
url = parent.location.href; } catch (e) { url = document.referrer; } }
return url; }

当iframe是被动态创建的时候，以上方式依然有效。当然，你也可以使用window.name的方式去做处理。