JavaScript HTML DOM Window moveBy() 方法

• 

  Window moveBy() 方法

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

  相关方法：

  • moveTo（） - 将窗口移动到指定位置
  • resizeBy（） - 按指定像素调整窗口大小
  • resizeTo（） - 将窗口大小调整为指定的宽度和高度

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

  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.moveBy(250, 250);                                 // Moves the new window 
    myWindow.focus();                                          // Sets focus to the new window
  }

  尝试一下
• 

  浏览器支持

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

• 

  语法

  window.moveBy(x, y)
• 

  参数值

  值	类型	描述
  x	Number	需要。 正数或负数，指定水平移动窗口的像素数量
  y	Number	需要。 正数或负数，指定垂直移动窗口的像素数量

• 

  技术细节

  项目	描述
  返回值：	没有

• 

  更多例子

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

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

  尝试一下