用 JavaScript 控制浏览器窗口大小？

发布网友发布时间：2022-04-21 04:32

共2个回答

热心网友时间：2023-10-14 20:28

用 JavaScript 控制浏览器窗口大小：
A:有时候，需要控制显示窗口的大小，通过点击窗口右上角的控制按钮来实现。
function Minimize()
{
window.innerWidth = 100;
window.innerHeight = 100;
window.screenX = screen.width;
window.screenY = screen.height;
alwaysLowered = true;
}
function Maximize()
{
window.innerWidth = screen.width;
window.innerHeight = screen.height;
window.screenX = 0;
window.screenY = 0;
alwaysLowered = false;
}

上面的代码包含 2 个函数，第 1 个函数 Minimize 中使用 innerWidth 和 innerHeight 2 个命令在象素级别上控制窗口尺寸大小，这里将窗口设置为宽 100 高100。然后，设置窗口的起始位置，定位大小为屏幕的宽和高，这样，使用 alwaysLowered 命令就将窗口缩小并移动到了屏幕的右下角。触发事件是一个 JavaScript 链接〈A HREF="javascript:onClick=Minimize()"〉Minimize〈/A〉。同时，上述代码可以用于设置屏幕的任何分辨率。
　注意，当在页面上应用这个功能时，请将那 2 个触发事件的链接放置在页面的左上角，这样，当窗口缩小到右下角时，也不会消失。

热心网友时间：2023-10-14 20:28

有时候，我们需要控制显示窗口的大小，这当然能够通过点击窗口右上角的控制按钮来实现。但是

，能否在页面中通过链接来实现呢？答案是：能！请看下面的代码：
〈SCRIPT LANGUAGE=“JavaScript“〉
function Minimize()
{
window.innerWidth = 100;
window.innerHeight = 100;
window.screenX = screen.width;
window.screenY = screen.height;
alwaysLowered = true;
}
function Maximize()
{
window.innerWidth = screen.width;
window.innerHeight = screen.height;
window.screenX = 0;
window.screenY = 0;
alwaysLowered = false;
}
〈/SCRIPT〉
〈A HREF=“javascript:onClick=Minimize()“〉Minimize〈/A〉
〈A HREF=“javascript:onClick=Maximize()“〉Maximize〈/A〉
　上面的代码包含 2 个函数，先来看看第 1 个。函数 Minimize 中使用 innerWidth 和 innerHeight

2 个命令在象素级别上控制窗口尺寸大小，这里将窗口设置为宽 100 高 100。然后，设置窗口的起始位

置，定位大小为屏幕