javascript - 关于使用postMessage出现Maximum call stack size exceeded的问题

Question

项目的iframe框架结构是这个样子的。我在middle的子框架main里使用postMessage向和main同级的left层发送数据，然后当我发送的时候浏览器出现Maximum call stack size exceeded栈溢出的错误，请问这个问题出在哪里？我要如何修正，代码如下：

//main中发送数据的代码
$("#click_li").click(function() {
    window.parent.frames['main'].postMessage('getcolor','http://******.com/module/site/main/left');
})

//left中接收数据的代码
window.addEventListener(msg,function(e){
    alert(msg);
},false);

Answer 1

显然是你的postMessage函数出现了循环递归调用,这样的情况下,不知道是否你需要这么做,否则的话,最终必然会出现超出栈的空间的!