Question

我想在iframe中使用jquery来调用浏览器窗口调整大小的方法。

我使用了下面的脚本调用窗口调整大小，但如果该页面包含在iframe中，并且父窗口浏览器调整大小，它就无效

网页名称：test.aspx

<script type="text/javascript">
        $(window).resize(function () {
            alert("hi resize called");
        });
    </script>
some HTML code here.....

网页名称：iframeTest.aspx

<iframe style="width:300px;height:300px" src="test.aspx" ></iframe>

现在，当我在浏览器上运行"iframe.aspx"，然后浏览器调整大小时，我想调用"test.aspx"中的resize方法

有人可以对此有所了解吗？

由于

Answer 1

在js页面中添加此test.aspx：

$(document).ready(function(){
    parent.window.addEventListener('resize', function(){
        //do something
    });
});

Answer 2

在test.aspx中，您可以像这样处理父窗口调整大小事件：

parent.window.onresize = function(event) {
    ...
}

调整父窗口大小时应该触发。

从IFrame调用浏览器窗口调整大小方法

2 个答案: