Window resizeTo() 方法

实例

打开一个新窗口，并将其宽度和高度设置为 250px:

<!DOCTYPE html>
<html>
<body>
<p>打开一个新窗口，并将宽度和高度调整为 500px:</p>
<button onclick="openWin()">创建窗口</button>
<button onclick="resizeWin()">调整窗口大小</button>
<script>
var myWindow;
function openWin() {
  myWindow = window.open("", "", "width=100, height=100");
}
function resizeWin() {
  myWindow.resizeTo(250, 250);
  myWindow.focus();
}
</script>
</body>
</html>

运行一下

定义与用法

resizeTo() 方法将窗口调整为指定的宽度和高度。

浏览器支持

方法
resizeTo()	Yes	Yes	Yes	Yes	Yes

语法

window.resizeTo(width, height)

参数值

参数	Type	描述
width	Number	必填。设置窗口的宽度（以像素为单位）
height	Number	必填。设置窗口的高度（以像素为单位）

技术细节

返回值:	无返回值

更多实例

实例

将 resizeBy() 方法与 resizeTo() 方法一起使用:

<!DOCTYPE html>
<html>
<body>
<p>打开一个新窗体，并调整新窗体的宽度和高度。</p>
<button onclick="openWin()">创建窗体</button>
<button onclick="resizeWinTo()">调整窗体大小至 800px * 600px</button>
<button onclick="resizeWinBy()">让新窗体更小</button>
<script>
var myWindow;
function openWin() {
  myWindow = window.open("", "", "width=250, height=250");
}
function resizeWinTo() {
  myWindow.resizeTo(800, 600);
  myWindow.focus();
}
function resizeWinBy() {
  myWindow.resizeBy(-100, -50);
  myWindow.focus();
}
</script>
</body>
</html>

运行一下

Window resizeTo() 方法

实例

定义与用法

浏览器支持

语法

参数值

技术细节

更多实例

实例

分类导航