HTML |窗口 moveBy() 方法(1)

📌 相关文章

📜 HTML |窗口 moveBy() 方法(1)

📅 最后修改于: 2023-12-03 15:15:40.126000 🧑 作者: Mango

HTML | 窗口 moveBy() 方法

简介

moveBy() 方法是JavaScript的一种窗口操作函数，可以用于控制窗口的位置。它可以在任意方向上移动窗口（相对于当前位置），且仅当窗口是通过JavaScript创建时才能使用该方法。

语法

window.moveBy(x, y)

参数说明：

x: 必需。要添加到窗口当前横坐标位置的像素值。可以为负数。
y: 必需。要添加到窗口当前纵坐标位置的像素值。可以为负数。

返回值

无返回值。

代码示例

下面简单演示一下如何在HTML中使用moveBy()方法：

<!DOCTYPE html>
<html>
<body>

<p>点击按钮将窗口向左移动 50px。</p>

<button onclick="moveWindow()">移动窗口</button>

<script>
function moveWindow() {
  window.moveBy(-50, 0);
}
</script>

</body>
</html>

点击按钮后，窗口将向左移动 50px。

注意：为了确保浏览器兼容性，弹出窗口应该在当前窗口的 JavaScript 代码中使用 window.open() 函数创建。否则，将无法使用moveBy()方法。