javascript - 设置页面加载时 iframe 的高度和宽度

Question

我的 HTML 页面中有三个 iframe。一个覆盖了 window 的上半部分。 另外两个位于其下方，在屏幕的其余部分覆盖相同的宽度。

-----------------------------
|                           |
|                           |
-----------------------------
|             |             |  
|             |             |
-----------------------------

我正在 onreadystatechange 事件中更改 iframe 的高度和宽度。因此，首次加载时，这些 iframe 在屏幕上看起来像三个点，并且不会调整大小。刷新时，它们显示完美。

代码:

function resize_iframes()
{
    var upper_td = document.getElementById("upper_td");
    upper_td.style.height = window.innerHeight/2;

    var upper_frame = document.getElementById("upper_frame");
    upper_frame.src = "http://www.google.com";
    upper_frame.style.height = window.innerHeight/2;
    upper_frame.style.width = window.innerWidth;

    var left_td = document.getElementById("left_td");
    left_td.style.width = window.innerWidth/2;
    left_td.style.height = window.innerHeight/2;

    var left_frame = document.getElementById("left_frame");
    left_frame.src = "http://www.google.com";
    left_frame.style.height = window.innerHeight/2;
    left_frame.style.width = window.innerWidth/2;

    var right_td = document.getElementById("right_td");
    right_td.style.width = window.innerWidth/2;
    right_td.style.height = window.innerHeight/2;

    var right_frame = document.getElementById("right_frame");
    right_frame.src = "http://www.google.com";
    right_frame.style.height = window.innerHeight/2;
    right_frame.style.width = window.innerWidth/2;
}

URL 被视为“http://www.google.com”；默认情况下，不显示原始网址。 在首次加载时正确显示 iframe 的可能解决方案是什么？

Answer 1

为此，您需要在 javascript 中编写一个方法，并在页面加载方法时调用该函数。它是 html body 部分的 onload() 方法。