我在这里使用 Prototype,想要构建一个简单的切换器,用于切换包含切换器所在页面的 iframe,以最大化浏览器的完整尺寸或最小化到其原始尺寸。有什么想法吗?
最佳答案
这适用于 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()
函数
关于javascript - 如何在 JavaScript 中切换 iframe 最大化或最小化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2949263/