moveBy moveTo resizeBy() resizeTo()

窗口操作方法

最新推荐文章于 2021-10-12 17:55:47 发布

原创最新推荐文章于 2021-10-12 17:55:47 发布 · 797 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#button #破解 #网络 #电信 #影视

本文介绍了JavaScript中操作浏览器窗口的方法，包括moveBy和moveTo实现窗口位置的相对与绝对移动，resizeBy和resizeTo调整窗口大小。通过示例代码展示了如何使用这些方法。

uusee网络电视官方下载2011 PPTV网络电视官方下载风行下载2011正式版麦克疯破解讯雷7 麦克疯破解版 uusee网络电视2011 风行2011 pipi 下载 pp影视下载

moveBy() 方法可相对窗口的当前坐标把它移动指定的像素。

window.moveBy(x,y)

x	要把窗口右移的像素数
y	要把窗口下移的像素数

<html>
<head>
<script type="text/javascript">
function moveWin()
{
myWindow.moveBy(50,50)
}
</script>
</head>
<body>

<script type="text/javascript">
myWindow=window.open('','','width=200,height=100')
myWindow.document.write("This is 'myWindow'")
</script>

<input type="button" value="Move 'myWindow'"
οnclick="moveWin()" />

</body>
</html>

moveTo() 方法可把窗口的左上角移动到一个指定的坐标。

window.moveTo(x,y)

x	窗口新位置的 x 坐标
y	窗口新位置的 y 坐标

<html>
<head>
<script type="text/javascript">
function moveWin()
{
myWindow.moveTo(50,50)
}
</script>
</head>
<body>

<script type="text/javascript">
myWindow=window.open('','','width=200,height=100')
myWindow.document.write("This is 'myWindow'")
</script>

<input type="button" value="Move 'myWindow'"
οnclick="moveWin()" />

</body>
</html>

resizeBy() 方法用于根据指定的像素来调整窗口的大小。

resizeBy(width,height)

width	必需。要使窗口宽度增加的像素数。可以是正、负数值。
height	可选。要使窗口高度增加的像素数。可以是正、负数值。

<html>
<head>
<script type="text/javascript">
function resizeWindow()
{
window.resizeBy(-100,-100)
}
</script>
</head>
<body>

<input type="button" οnclick="resizeWindow()"
value="Resize window">

</body>
</html>

resizeTo() 方法用于把窗口大小调整为指定的宽度和高度。

resizeTo(width,height)

width	必需。想要调整到的窗口的宽度。以像素计。
height	可选。想要调整到的窗口的高度。以像素计。

<html>
<head>
<script type="text/javascript">
function resizeWindow()
{
window.resizeTo(500,300)
}
</script>
</head>
<body>

<input type="button" οnclick="resizeWindow()"
value="Resize window">

</body>
</html>