iframe跨域问题

Question

利用postmessage跨域向子页面传父页面的window对象代码：1.父页面    window_parent = this.window;    var ifr = document.getElementsByClassName('video_iframe');    ifr.contentWindow.postMessage(window_parent,target);2.iframe页面window.addEventListener('message',function(event){   if(event.origin == 'https://xxx.com'){         this.window = event.data;    }},false);报错：postMessage这个api，MDN上说的是可以传对象的，却报这样的错

Answer 1

第一，window对象是不能被覆盖的

第二， 对象肯定传不过去的，更何况window对象

Answer 2

直接传window对象不行 换成普通对象还是可以的

Answer 3

序列化一个对象，你可以用JSON.stringfy(obj),但是这里有一个问题，window对象结构复杂，你将会面临circular reference，所以，有个折中方案，就是你需要window的属性，将这些属性提取出来，拼装成一个新对象即可。

参考代码如下：

var data = JSON.stringify({

    'location': window.location

    // etc

});

stackoverflow

Answer 4

window对象不能传递的，况且还跨域，安全问题很多啊
其实，你应该理一下你切实的需求，找找有没有其他的解决方案