X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY 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 »


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

Internet Explorer Firefox Opera Google Chrome Safari

The moveBy() method is supported in all major browsers.


Syntax

window.moveBy(x,y)

Parameter Values

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

Return Value

No return value.


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 BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates FREE Website Templates Free HTML Templates

SHARE THIS PAGE

facebook