美文网首页
几种跨域的解决方式

几种跨域的解决方式

作者: 柚丶稚橙熟时 | 来源:发表于2017-07-18 20:18 被阅读0次

    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

    相关文章

      网友评论

          本文标题:几种跨域的解决方式

          本文链接:https://www.haomeiwen.com/subject/tvbxkxtx.html