Window moveTo() 方法

实例

打开一个新窗口，并将新窗口移动到屏幕的左上角:

<!DOCTYPE html>
<html>
<body>
<p>打开 "myWindow" 并将新窗口移动到屏幕的左上角:</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.moveTo(500, 100);
  myWindow.focus();
}
</script>
</body>
</html>

运行一下

定义与用法

moveTo() 方法的作用是：将窗口的左边缘和上边缘移动到指定的坐标。

浏览器支持

方法
moveTo()	Yes	Yes	Yes	Yes	Yes

注意：在 Opera 中指定 moveTo(0, 0) 会将窗口移动到浏览器的左上角，而不是屏幕。

语法

window.moveTo(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 moveTo() 方法

实例

定义与用法

浏览器支持

语法

参数值

更多实例

实例

分类导航