几种跨域的解决方式

jsonp

http://js.jirengu.com/cenuxecevi/2/edit

CORS

http://js.jirengu.com/lateqotuno/1/edit

降域



a和b的域名不同,因此不能互相操纵DOM


通过降域设置后:



便可以跨域操纵了:


postMessage

窗口a

<script>
    var aa = document.getElementById("a");
    aa.addEventListener("input",function(){
        window.frames[0].postMessage(this.value,"*");
        console.log(12);
    })
  </script>

窗口b

<script>
    var bb = document.getElementById("b");
    window.addEventListener("message",function(e){
      console.log(3333);
      bb.value=e.data;
    })
  </script>
Paste_Image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 跨域是什么 同源策略 在讲解什么是跨域之前先要清楚什么是同源策略,“同源政策”(same-origin polic...
    JRG_Orange阅读 985评论 0 52
  • 跨域以及跨域的几种方式 讲解跨域之前我们先来看看什么是同源策略 什么是同源策略 通常来说,浏览器出于安全方面的考虑...
    尾巴尾巴尾巴阅读 1,633评论 0 1
  • 什么是同源策略? 同源策略是指,浏览器出于安全方面的考虑,只允许与本域下的接口交互。不同源的客户端脚本在没有明确授...
    upup_dayday阅读 270评论 0 0
  • 1.什么是同源策略浏览器出于安全方面的考虑,只允许与本域下的接口交互。不同源的客户端脚本在没有明确授权的情况下,不...
    24_Magic阅读 522评论 0 0
  • 在火车站候车的时候刷朋友圈,看到小伙伴发“心疼我大北斗”的文字,突然就预感到不妙,然后就私信小伙伴问怎么回事。小伙...
    菠菜爱吃空心菜阅读 589评论 0 1