如何在加载时更改iframe的高度？

在加载时更改iframe的高度可以通过以下步骤实现：

1. 获取iframe元素：使用JavaScript的document.getElementById()或document.querySelector()方法获取到需要更改高度的iframe元素。例如，如果iframe的id为"myIframe"，可以使用以下代码获取该元素：var iframe = document.getElementById("myIframe");
2. 监听iframe的加载事件：使用iframe元素的onload事件来监听iframe的加载完成事件。当iframe加载完成后，我们可以获取到其内容的高度并进行相应的调整。例如：iframe.onload = function() { // 在iframe加载完成后执行以下代码 // ... };
3. 获取iframe内容的高度：在onload事件处理程序中，可以通过contentWindow.document.body.scrollHeight来获取iframe内容的高度。例如：iframe.onload = function() { var iframeDoc = iframe.contentWindow.document; var iframeHeight = iframeDoc.body.scrollHeight; // ... };
4. 设置iframe的高度：根据获取到的iframe内容的高度，可以使用style属性来设置iframe的高度。例如：iframe.onload = function() { var iframeDoc = iframe.contentWindow.document; var iframeHeight = iframeDoc.body.scrollHeight; iframe.style.height = iframeHeight + "px"; };

需要注意的是，以上代码中的iframe变量是指代之前获取到的iframe元素。

这种方法可以确保在iframe内容加载完成后再进行高度调整，以避免因为内容未加载完成而导致的高度计算错误。