Как мне переместить положение окна на экране компьютера с помощью JavaScript?

Question

Я помню, как смотрел на карту Google Mashup / музыкальное видео, которое создавало, изменяло размеры и перемещало окна на экране. Какие методы javascript используются для этого?

Answer 1

Я не знаю, насколько это надежно, но чтобы переместить окно относительно его текущей позиции, вы можете сделать это:

window.moveBy(250, 250); //moves 250px to the left and 250px down

http://www.w3schools.com/jsref/met_win_moveby.asp

Чтобы переместить окнодо определенной части экрана:

window.moveTo(0, 0); //moves to the top left corner of the screen (primary)

http://www.w3schools.com/jsref/met_win_moveto.asp

Предоставлено @Dan Herbert:

Вероятно, следует отметить, что window.moveTo(0,0)переместится в верхний левый угол основного экрана.Для людей с несколькими мониторами вы также можете отправлять отрицательные координаты на другой монитор.Вы можете проверить второй монитор, чтобы перейти к screen.availLeft.Если оно отрицательное, вы можете переместить окно так далеко на второй монитор.

Answer 2

Из быстрого поиска в Google: Перемещение окон

Вы ищете Window.moveBy и window.moveTo

Я тоже помню это видео, вы выбираете свой родной город и еще много чего? Мне это очень понравилось.

Answer 3

Поскольку ваши ссылки содержат якоря, "#", при нажатии на ссылки вы перемещаетесь на страницу вверх. Попробуйте заменить href чем-то вроде:

href="javascript:void(0)"

Это предотвратит выполнение чего-либо внутри href.

Answer 4

Вы перемещаете положение отображаемого объекта, изменяя его верхнее и левое поля, которые вместе являются координатами его верхнего левого угла. Если вы знаете абсолютные координаты целевой позиции, вы можете изменить поля, и объект переместится в это место.

Если вы не знаете абсолютную целевую позицию, но знаете только две относительные дельты (т.е. переместите окно на 5 пикселей вверх и вправо на 10 пикселей), вы можете прочитать верхний и левый поля объекта, увеличивая их на соответствующие расстояния и установите поля от этого.

Поля являются частью стиля объекта, так что вы бы сказали что-то вроде:

  theobject.style.left = 10 + 'px'; 
  theobject.style.top  = 40 + 'px';

для позиционируемого объекта.