如何从 iframe 内部捕获 iframe 调整大小事件（iframe 和页面 - 相同的域）答案

【问题标题】：How catch iframe resize event from inside the iframe (iframe and the page - same domain)如何从 iframe 内部捕获 iframe 调整大小事件（iframe 和页面 - 相同的域）
【发布时间】：2012-02-28 14:55:30
【问题描述】：

我尝试从 iframe 内部监听 iframe 宽度/高度的变化：

$(window).resize(function(){
    alert('1 on inside iframe');
});

或：

$(window.parent).find('iframe').resize(function(){
    alert('2 on inside iframe');
});

但是当 iframe 大小改变时没有任何反应。（我需要一个跨浏览器的解决方案：IE7、Chrome、Firefox、Safari。）

【问题讨论】：

标签： javascript jquery iframe jquery-events

【解决方案1】：

$(body).resize(function(){
    alert('on inside iframe');
});

编辑：

在html中

<body onresize="myFunction()">

【讨论】：

在 Firefox、Opera、Google Chrome 和 Safari 中，onresize 事件仅在浏览器窗口大小发生变化时触发。help.dottoro.com/ljorlllt.php
这似乎不正确。 w3Schools 建议 onResize 仅适用于。 w3schools.com/jsref/event_onresize.asp
应该是 $("body").resize 即在 body 周围添加引号

【解决方案2】：

您需要从iframe 上的parent 文档中调用resize() 处理程序：

$('iframe').resize(function() {} );

【讨论】：

【解决方案3】：

试试看：http://www.iframehtml.com/iframe-scripts.html#resizeable-iframe

或者那个：http://css-tricks.com/snippets/jquery/fit-iframe-to-content/

【讨论】：

这是相反的问题。他们不是在尝试调整 iframe 的大小，而是在尝试调整 iframe 中内容的大小。