幾種跨域的解決方式

jsonp

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

CORS

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

降域



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


通過(guò)降域設(shè)置后:



便可以跨域操縱了:


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
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 跨域是什么 同源策略 在講解什么是跨域之前先要清楚什么是同源策略,“同源政策”(same-origin polic...
    JRG_Orange閱讀 1,037評(píng)論 0 52
  • 跨域以及跨域的幾種方式 講解跨域之前我們先來(lái)看看什么是同源策略 什么是同源策略 通常來(lái)說(shuō),瀏覽器出于安全方面的考慮...
    尾巴尾巴尾巴閱讀 1,679評(píng)論 0 1
  • 什么是同源策略? 同源策略是指,瀏覽器出于安全方面的考慮,只允許與本域下的接口交互。不同源的客戶端腳本在沒(méi)有明確授...
    upup_dayday閱讀 302評(píng)論 0 0
  • 1.什么是同源策略瀏覽器出于安全方面的考慮,只允許與本域下的接口交互。不同源的客戶端腳本在沒(méi)有明確授權(quán)的情況下,不...
    24_Magic閱讀 584評(píng)論 0 0
  • 在火車站候車的時(shí)候刷朋友圈,看到小伙伴發(fā)“心疼我大北斗”的文字,突然就預(yù)感到不妙,然后就私信小伙伴問(wèn)怎么回事。小伙...
    819472ba3f46閱讀 605評(píng)論 0 1

友情鏈接更多精彩內(nèi)容