Question

我正在根据采用UI输入的SQL查询的结果来加载iframe的内容。因此，iframe的高度需要定期更改，以使页面格式保持不变。

最初加载页面时，我使用以下方法确定iframe的高度：

onload="this.height=this.contentWindow.document.body.scrollHeight;"

此功能在首次加载页面时有效；但是当用户动态更改iframe的内容时，不会重新触发onload，并且iframe会保留其原始高度。

这是页面初始加载时iframe在我的index.php中的显示方式：

<script>document.write('<iframe id="mainpage-iframe" onload="this.height=this.contentWindow.document.body.scrollHeight;" src="page-body.php"></iframe>');</script>

当用户根据SQL查询的结果从菜单中选择要更新iframe时，将触发以下功能：

document.getElementById('mainpage-iframe').contentDocument.location.assign('page-body.php?selectvenue=' + venue + '&selectcity=' + city);

...将参数发布到page-body.php。

所以，我的问题是：为了使document.write函数包含onload动作，是否可以以某种方式“附加”到此结果？

Answer 1

使用JQuery更新调整高度时的高度

$(document).ready(function() {
    $(window).resize(function() {
        //Update height here
    }
}

将字符串添加到iframe参数

1 个答案: