js moveTo moveBy 的区别

最新推荐文章于 2024-09-10 09:41:39 发布

rongyuehen

最新推荐文章于 2024-09-10 09:41:39 发布

阅读量1k

点赞数 1

本文链接：https://blog.csdn.net/rongyuehen/article/details/105249823

版权

本文介绍了HTML DOM中的moveBy()和moveTo()方法。moveBy()方法用于相对当前窗口坐标移动指定像素，例如将窗口向右下角移动50个像素。而moveTo()方法则将窗口的左上角移动到绝对坐标位置，例如将窗口移动到特定的屏幕坐标。这两个方法都是用于调整浏览器窗口位置的重要函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML DOM moveBy() 方法

moveBy() 方法可相对窗口的当前坐标把它移动指定的像素。
语法
window.moveBy(x,y)
实例
下面的例子将把窗口相对其当前位置移动 50 个像素：

<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'"
onclick="moveWin()" />

</body>
</html>

HTML DOM moveTo() 方法

moveTo() 方法可把窗口的左上角移动到一个指定的坐标。
实例
下面的例子讲把新窗口移动到指定的坐标：

<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'"
onclick="moveWin()" />

</body>
</html>