跨域下获取iframe的父页面URL
2017-10-10 00:00
316 查看
通常情况下,我们获取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的方式去做处理
当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的方式去做处理
相关文章推荐
- iframe跨域获取父页面url
- 跨域下使用获取iframe的父页面URL
- Iframe跨域获取父页面URL参数
- 获取iframe外页面url(小技巧)
- 通过Iframe跨域获取其它站的数据 或获取某页面及数据
- iframe显示跨域url页面
- iframe嵌入JSP页面跨域获取session
- 通过URL获取html代码实现页面嵌入(代替iframe效果)
- iframe跨域访问cookie问题, A站iframe引用其它站(B站)的内容时,B站的页面获取不到B站种下的Cookies。
- android webview 因iframe+target=“_blank “ 导致的页面无法正常打开或获取不到跳转url
- 通过Iframe在A网站页面内嵌入空白页面的方式,跨域获取B网站的数据返回给A网站!
- JQUERY获取当前页面的URL信息
- 父页面用Iframe加载子页面时,获取子页面title!
- asp获取当前页面url
- C#获取当前页面的URL
- jsp中获取前一个页面的url包括参数
- PHP中获取当前页面的完整URL
- js准确获取当前页面url网址信息
- PHP或者JavaScript获取当前页面完整URL的方法
- JS获取上一个页面的URL地址