JavaScript resizeTo()

红太狼 2020-05-26 15:28 750阅读 0赞

# JavaScript resizeTo()

本站一直都推荐，掌握一个概念的具体含义，可以从其名称入手。

resizeTo由单词resize与to合成，resize翻译成汉语具有"修改尺寸"的意思，to则表示达到一个最终目标。

那么resizeTo则表示将尺寸调整到一个目标值，事实也是如此。

此方法可以将页面窗口尺寸调整到指定的尺寸，方法属于window对象。

特别说明：凡是属于window对象的方法或者属性都可以直接使用，无需window引用。

语法结构：

```javascript
resizeTo(width,height)
```

参数解析：

（1）.width：必需，规定目标宽度值，一个数值，默认单位是像素。

（2）.height：可选，规定目标高度值，一个数值，默认单位是像素。

但是，并不是所有的窗口尺寸都能够被调整，需要遵循一定的规则，现在浏览器都具有多选项卡功能，在选项卡中的窗口无法调整窗口自大小，事实上不是通过window.open方法创建的窗口都是不能被resizeTo方法调整大小的，本章节不再通过代码实例进行演示，感兴趣的可以自行测试一下，只要记住这个结论即可，此方法可能在实际应用中并不常见。

**浏览器支持：**

（1）.IE浏览器支持此方法。

（2）.edge浏览器支持此方法。

（3）.谷歌浏览器支持此方法。

（4）.opera浏览器支持此方法。

（5）.火狐浏览器支持此方法。

（6）.safria浏览器支持此方法。

**代码实例：**

```html
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dandelioncloud.cn/" />
<title>蒲公英云</title>
<script>
window.onload = function () {
  let obt = document.getElementById("bt");
  obt.onclick = function(){
    myWindow = window.open('', '');
    myWindow.document.write("蒲公英云");
    myWindow.resizeTo(600, 600);
  }
}
</script>
</head>
<body>
  <input type="button" id="bt" value="查看演示">
</body>
</html>
```

上述代码在原理上可以实现创建并将窗口调整到指定尺寸的功能。

但是需要强调的是，当前浏览器绝大多数都是多tab选项卡式，点击按钮之后。

虽然能够创建一个新的选项卡窗口，但是却不能够调整尺寸，不过此方法貌似在实际应用中并不多。

只要对此方法有一定了解即可，也许在某些特殊的场合，此方法会发挥一定的作用。