Comment puis-je déplacer la position d'une fenêtre sur l'écran avec javascript?

Je me souviens d'avoir vu une vidéo de musique de google maps qui a créé, redimensionné et déplacé des fenêtres sur l'écran. Quelles sont les méthodes javascript utilisées pour ce faire?

Je ne sais pas à quel point cela est fiable, mais pour déplacer la fenêtre par rapport à sa position actuelle, vous pouvez le faire:

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

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

Pour déplacer la fenêtre vers une certaine partie de l'écran:

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

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

Avec l'aimable autorisation de @Dan Herbert:

On notera probablement que window.moveTo(0,0) se déplacera vers le coin supérieur gauche de l'écran principal. Pour les personnes ayant des moniteurs multiples, vous pouvez également envoyer des coordonnées négatives à la position sur un autre moniteur. Vous pouvez vérifier un deuxième moniteur pour passer à l'aide de screen.availLeft . Si c'est négatif, vous pouvez déplacer une fenêtre sur le deuxième moniteur.

À partir d'une recherche rapide sur Google: déplacement de Windows

Vous recherchez Window.moveBy et window.moveTo

Je me souviens aussi de cette vidéo, vous choisissez votre ville natale et autre chose? Je l'ai bien aimé.

Vous déplacez la position d'un objet affiché en changeant ses marges supérieure et gauche, qui, ensemble, sont les coordonnées de son coin supérieur gauche. Si vous connaissez les coordonnées absolues de la position cible, vous pouvez modifier les marges et l'objet se déplacera vers ce point.

Si vous ne connaissez pas la position cible absolue, mais ne connaissez que deux deltas relatifs (c'est-à-dire, déplacez la fenêtre jusqu'à 5 pixels et 10 pixels), vous pouvez lire les marges supérieure et gauche de l'objet, incrémenter celles par les distances appropriées et Définir les marges à partir de cela.

Les marges font partie du style de l'objet, alors vous diraz quelque chose comme:

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

Pour un objet positionné.

Puisque vos liens contiennent des ancrages, "#", lorsque vous cliquez sur les liens, il déplacera la page vers le haut. Essayez de remplacer le href par quelque chose comme:

 href="javascript:void(0)" 

Cela empêchera tout ce qui se produira dans la href de s'exécuter.