iframe嵌套页面 跨域_跨域解决方案

点击上方蓝色“后端开发杂谈”关注我们, 专注于后端日常开发技术分享上一篇文章跨域资源共享我们讲到了, 在跨域访问的时候出现的问题, 以及基于跨域共享的方案解决跨域的问题, 那么还有没有其他的技术手段解决跨域的问题呢, 本篇文章一一列举解决跨域问题的所使用的技术手段.跨域通信的解决手段大致分为两类:一类是 Hack. 比如通过title,navigation等对象传递信息. JSON...
摘要由CSDN通过智能技术生成

点击上方蓝色“后端开发杂谈”关注我们, 专注于后端日常开发技术分享

上一篇文章跨域资源共享我们讲到了, 在跨域访问的时候出现的问题, 以及基于跨域共享的方案解决跨域的问题, 那么还有没有其他的技术手段解决跨域的问题呢, 本篇文章一一列举解决跨域问题的所使用的技术手段.

跨域通信的解决手段大致分为两类:

  • 一类是 Hack. 比如通过 titlenavigation 等对象传递信息. JSONP可以说是最优秀的Hack.

  • 另一类是HTML5支持. 一个是 Access-Control-Allow-Origin 响应头, 一个是 window.postMessage

设置 document.domain

  • 原理: 相同主域名不同子域名下的页面, 可以设置 document.domain 让它们同域

  • 限制: 同域 document 提供的是 页面间的互操作, 需要载入iframe页面.

  • 案例:

下面几个域名的页面都是可以通过 document.domain 跨域操作的: http://a.com/foo, http://b.a.com/bar, http://c.a.com/bar. 但只能以页面嵌套的方式进行页面互操作, 比如常见的 iframe 方式完成页面的嵌套.

// URL http://a.com/foolet ifr = document.createElement('iframe
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值