Window resizeTo()、resizeBy()方法

最新推荐文章于 2023-07-04 09:17:11 发布

最新推荐文章于 2023-07-04 09:17:11 发布 · 240 阅读

文章标签：

#JavaScript #浏览器 #ViewUI

本文介绍了如何使用 JavaScript 中的 window.resizeTo() 和 window.resizeBy() 方法来调整浏览器窗口的大小。详细解释了这两个方法的语法、参数及注意事项，并提供了具体的代码示例。

window.resizeTo()

功能：把窗口大小调整为指定的宽度和高度。

语法：window.resizeTo(width,height)

参数：

* width：窗口的新宽度，单位为像素。
* height：窗口的新高度，单位为像素。

注：此功能在一些标签型浏览器中无效。

window.resizeBy()

功能：把窗口大小增加或减小指定的宽度和高度。

语法：window.resizeBy(dwidth,dheight)

参数：

* dwidth：窗口宽度的变化量，可正可负，单位为像素。
* dheight：窗口高度的变化量，可正可负，单位为像素。

注：此功能在一些标签型浏览器中无效。
实例1

设置窗口大小。
<script type="text/javascript">
function resize_Win()
{
window.resizeTo(500,400);
}
</script>
实例2

调整窗口大小。
<script type="text/javascript">
function resize_Win2()
{
window.resizeBy(50,-10);
}
</script>