JavaScript resizeBy()

2018-10-7 23:59| 作者: admin| 查看: 426| 评论: 0|来自: 蚂蚁部落

原创作品，转载需得到原作者书面许可，同时保留原作者和出处，否则将追究法律责任。

此方法可以用指定的尺寸来调整窗口的大小，单位是像素（px），属于window对象。

采用相对于窗口当前大小来调整该窗口的大小，要以绝对大小方式调整窗口的大小，可使用resizeTo()。

特别说明:凡是属于window对象的方法都可以直接使用，无需使用window对象调用。

更多关于window内容参阅JavaScript window 对象一章节。

语法结构:

[JavaScript] 纯文本查看 复制代码
resizeBy(width,height)

参数解析:

（1）.width：必需，规定要增加的宽度值，可以使用负数。

（2）.height：可选，规定要增加的高度值，可以使用负数。

调整规则如下:

（1）.不能设置那些不是通过 window.open 创建的窗口或 Tab 的大小。

（2）.当一个窗口里面含有一个以上的 Tab 时，无法设置窗口的大小。

浏览器支持:

（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.softwhy.com/" />
<title>蚂蚁部落</title>
<script type="text/javascript">
window.onload = function () {
  var bt = document.getElementById("bt");
  bt.onclick = function(){
    myWindow = window.open('', '');
    myWindow.document.write("蚂蚁部落");
    myWindow.resizeBy(-200, -300);
  }
}
</script>
</head>
<body>
<input type="button" id="bt" value="查看演示">
</body>
</html>

鲜花

握手

雷人

路过

鸡蛋

收藏分享

上一篇：JavaScript return 语句下一篇：location.port

JavaScript resizeBy()

最新评论