Window moveBy() 方法

实例

打开一个新窗口，并将新窗口相对于其当前位置移动 250px:

<!DOCTYPE html>
<html>
<body>
<p>打开 "myWindow" 并将它相对于其当前位置移动 250px:</p>
<button onclick="openWin()">打开 "myWindow"</button>
<button onclick="moveWin()">移动 "myWindow"</button>
<script>
var myWindow;
function openWin() {
  myWindow = window.open("", "myWindow", "width=200, height=100");
  myWindow.document.write("<p>This is 'myWindow'</p>");
}
function moveWin() {
  myWindow.moveBy(250, 250);
  myWindow.focus();
}
</script>
</body>
</html>

运行一下

定义与用法

moveBy() 方法将窗口相对于其当前坐标移动指定数量的像素。

浏览器支持

方法
moveBy()	Yes	Yes	Yes	Yes	Yes

语法

window.moveBy(x, y)

参数值

参数	Type	描述
x	Number	必填。一个正数或负数，指定水平移动窗口的像素数量
y	Number	必填。一个正数或负数，指定垂直移动窗口的像素数量

技术细节

返回值:	无返回值

更多实例

实例

将 moveBy() 和 moveTo() 一起使用:

<!DOCTYPE html>
<html>
<body>
<button onclick="openWin()">创建新窗口</button>
<button onclick="moveWinTo()">移动新窗口</button>
<button onclick="moveWinBy()">把新窗口移动 75 * 50px</button>
<script>
var myWindow;
function openWin() {
  myWindow = window.open("", "", "width=250, height=250");
}
function moveWinTo() {
  myWindow.moveTo(150, 150);
  myWindow.focus();
}
function moveWinBy() {
  myWindow.moveBy(75, 50);
  myWindow.focus();
}
</script>
</body>
</html>

运行一下

Window moveBy() 方法

实例

定义与用法

浏览器支持

语法

参数值

技术细节

更多实例

实例

分类导航