javascript - 如何在 JavaScript 中切换 iframe 最大化或最小化？

Question

我在这里使用 Prototype，想要构建一个简单的切换器，用于切换包含切换器所在页面的 iframe，以最大化浏览器的完整尺寸或最小化到其原始尺寸。有什么想法吗？

Answer 1

这适用于 IE7 和 FF3.6(仅在工作时可用)。

function getDocWidth() {
    var D = document;
    return Math.max(
    Math.max(D.body.scrollWidth, D.documentElement.scrollWidth),
    Math.max(D.body.offsetWidth, D.documentElement.offsetWidth),
    Math.max(D.body.clientWidth, D.documentElement.clientWidth)
    );
}
function getDocHeight() {
    var D = document;
    return Math.max(
    Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
    Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
    Math.max(D.body.clientHeight, D.documentElement.clientHeight)
    );
}

var isFullScreen = false;
var orgDimensions = new Array();

function toggleFullScreen() {
    ifr = document.getElementById("iFrameWin");
    if (!isFullScreen) {
        orgDimensions[0] = ifr.style.width;
        orgDimensions[1] = ifr.style.height;
        ifr.style.width = getDocWidth() + "px";
        ifr.style.height = getDocHeight() + "px";
    }
    else {
        ifr.style.width = orgDimensions[0];
        ifr.style.height = orgDimensions[1];
    }
    isFullScreen = !isFullScreen;
}

iframe 所在位置:

<iframe id="iFrameWin" src="http://www.google.se" width="400" height="300"/>

这当然需要您将包含页面的填充和边距设置为 0，在这种情况下，您需要从 iframe 内部进行切换，我认为调用 parent.toggleFullScreen() 。

希望这是您正在寻找的!

附注感谢James Padolsey对于 getDocHeight() 函数