X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR BOOTSTRAP XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

Window moveBy() Method

Window Object Reference Window Object

Example

Open a new window, and move the new window 250px relative to its current position:

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
}

Try it yourself »

More "Try it Yourself" examples below.


Definition and Usage

The moveBy() method moves a window a specified number of pixels relative to its current coordinates.

Related methods:

  • moveTo() - Moves a window to the specified position
  • resizeBy() - Resizes the window by the specified pixels
  • resizeTo() - Resizes the window to the specified width and height

Browser Support

Method
moveBy() Yes Yes Yes Yes Yes


Syntax

window.moveBy(x,y)

Parameter Values

Parameter Type Description
x Number Required. A positive or negative number that specifies the amount of pixels to move the window horziontally
y Number Required. A positive or negative number that specifies the amount of pixels to move the window vertically

Technical Details

Return Value: No return value


Examples

More Examples

Example

Using moveBy() together with moveTo():

function moveWinTo() {
    myWindow.moveTo(150, 150);
    myWindow.focus();
}

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

Try it yourself »


Window Object Reference Window Object

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook