JavaScript HTML DOM Window moveTo() 方法

• 

  Window moveTo() 方法

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

  相关方法：

  • moveBy（） - 相对于当前位置移动窗口
  • resizeBy（） - 按指定像素调整窗口大小
  • resizeTo（） - 将窗口大小调整为指定的宽度和高度

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

  function openWin() {
    myWindow = window.open('', '', 'width=200, height=100');    // Opens a new window
    myWindow.document.write("<p>This is 'myWindow'</p>");       // Some text in the new window
  }
  
  function moveWin() {
    myWindow.moveTo(500, 100);                                  // Moves the new window    
    myWindow.focus();                                           // Sets focus to the new window
  }

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  方法
  moveTo()	支持	支持	支持	支持	支持

  注意：在Opera中指定moveTo（0,0）会导致窗口移动到浏览器的左上角，而不是屏幕。
• 

  语法

  window.moveTo(x, y)
• 

  参数值

  值	类型	描述
  x	Number	需要。 正数或负数，指定要移动到的水平坐标
  y	Number	需要。 正数或负数指定要移动到的垂直坐标

• 

  技术细节

  项目	描述
  返回值：	没有

• 

  更多例子

  将moveBy()与moveTo()一起使用：

  function moveWinTo() {
    myWindow.moveTo(150, 150);
    myWindow.focus();
  }
  
  function moveWinBy() {
    myWindow.moveBy(75, 50);
    myWindow.focus();
  }
  

  尝试一下