编程爱好者之家

跨域下获取iframe的父页面URL

2018-02-26 09:57:39 264

通常情况下,我们获取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的方式去做处理。

同类文章