尝试调整来自不同域的 iframe 的大小可能是一项具有挑战性的任务。虽然使用 easyXDM 作为非 HTML5 兼容页面的有效后备方案，但还有值得考虑的替代解决方案。
其中一个解决方案是利用 postMessage。此方法涉及将子页面的高度传递给父页面，然后父页面相应地调整 iframe 的高度。
子页面
<script>
function adjust_iframe_height(){
var actual_height = document.getElementById('element_id').scrollHeight;
parent.postMessage(actual_height,"*");
//* allows this to post to any parent iframe regardless of domain
}
</script>
<body onload="adjust_iframe_height();">
//call the function above after the content of the child loads
</body>父页面
<script>
// Create IE + others compatible event handler
var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
var eventer = window[eventMethod];
var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";
// Listen to message from child window
eventer(messageEvent,function(e) {
console.log('parent received message!: ',e.data);
document.getElementById('iframe_id').height = e.data + 'px';
},false);
</script>以上是如何使用 postMessage 调整来自不同域的 Iframe 的大小？的详细内容。更多信息请关注PHP中文网其他相关文章！
