首頁(yè) 猿問(wèn) iframe跨域問(wèn)題

iframe跨域問(wèn)題

JavaScript

德瑪西亞99 2019-03-12 18:13:27

利用postmessage跨域向子頁(yè)面?zhèn)鞲疙?yè)面的window對(duì)象代碼：1.父頁(yè)面 window_parent = this.window; var ifr = document.getElementsByClassName('video_iframe'); ifr.contentWindow.postMessage(window_parent,target);2.iframe頁(yè)面window.addEventListener('message',function(event){ if(event.origin == 'https://xxx.com'){ this.window = event.data; }},false);報(bào)錯(cuò)：postMessage這個(gè)api，MDN上說(shuō)的是可以傳對(duì)象的，卻報(bào)這樣的錯(cuò)

查看完整描述

5 回答

精慕HU

TA貢獻(xiàn)1845條經(jīng)驗(yàn) 獲得超8個(gè)贊

第一，window對(duì)象是不能被覆蓋的

第二，對(duì)象肯定傳不過(guò)去的，更何況window對(duì)象

反對(duì) 回復(fù) 2019-03-15

不負(fù)相思意

TA貢獻(xiàn)1777條經(jīng)驗(yàn) 獲得超10個(gè)贊

直接傳window對(duì)象不行換成普通對(duì)象還是可以的

反對(duì) 回復(fù) 2019-03-15

嗶嗶one

TA貢獻(xiàn)1854條經(jīng)驗(yàn) 獲得超8個(gè)贊

序列化一個(gè)對(duì)象，你可以用JSON.stringfy(obj),但是這里有一個(gè)問(wèn)題，window對(duì)象結(jié)構(gòu)復(fù)雜，你將會(huì)面臨circular reference，所以，有個(gè)折中方案，就是你需要window的屬性，將這些屬性提取出來(lái)，拼裝成一個(gè)新對(duì)象即可。

參考代碼如下：

var data = JSON.stringify({

'location': window.location

// etc

});

stackoverflow

反對(duì) 回復(fù) 2019-03-15