Was ist die Window moveTo()-Methode?

Was Ist Die Window Moveto Methode



In JavaScript ist das „ Fenster Das globale Objekt repräsentiert das Fenster Ihres Browsers. Alle globalen JavaScript-Variablen werden als Fenster-„Eigenschaften“ bezeichnet und alle globalen Funktionen werden als Fenster-„Methoden“ bezeichnet. Eine solche Methode ist die „ ziehen nach() ”-Methode, die das Verschieben vorhandener und neuer Fenster ermöglicht. Es hilft bei der Platzierung des Zielbrowserfensters an der benutzerdefinierten Position, indem es die horizontalen und vertikalen Koordinaten angibt.

Dieser Beitrag demonstriert die Funktionsweise des Fensters „ ziehen nach() ”-Methode in JavaScript.

Was ist die Window-Methode „moveTo()“?

Das Fenster ' ziehen nach() Die Methode „verschiebt das Fenster an die gewünschte Position, indem sie ihre horizontalen und vertikalen Koordinaten angibt. Es ermöglicht die Verschiebung des erstellten oder geöffneten Fensters an eine bestimmte Position entsprechend den Anforderungen des Benutzers.







Syntax



Fenster. ziehen nach ( x,y )

In dieser Syntax:



  • X: Es stellt die horizontalen Koordinaten des Fensters in Pixel dar.
  • Und: Es gibt die vertikalen Koordinaten des Fensters in Pixel an.

Nutzen wir das oben definierte Fenster „ ziehen nach() ”Methodensyntax praktisch.





Beispiel: Anwenden der Window-Methode „moveTo()“, um ein Fenster an eine bestimmte Position zu verschieben

Dieses Beispiel verwendet das „ Umzug () ”-Methode, um das erstellte Fenster an eine bestimmte Position zu verschieben.

HTML Quelltext

Sehen Sie sich zunächst den angegebenen HTML-Code an:



< h2-Stil = 'Farbe grün;' > Fenster ziehen nach ( ) Methode h2 >

< P > Verschieben Sie das Erstellte 'Neues Fenster' zur Stelle 700 X 200 : P >

< Schaltfläche onclick = „myFunc()“ > Umzug 'Neues Fenster' Taste >

Im obigen Codeblock:

  • Der '

    „Tag erstellt eine Unterüberschrift der Ebene 2 in der angegebenen Textfarbe mit dem „ Stil ” Attribut.

  • Der '

    ”-Tag fügt eine angegebene Absatzanweisung hinzu.

  • Der ' ”-Tag erstellt eine Schaltfläche mit einem „ onclick ”-Ereignis, das beim Klicken auf die Schaltfläche auf die Funktion „myFunc()“ zugreift.

JavaScript-Code

Betrachten Sie nun den folgenden JavaScript-Code:

< Skript >

Funktion myFunc ( ) {

var mywindow = Fenster. offen ( „“ , 'Neues Fenster' , „Breite=400, Höhe=300“ ) ;

mein Fenster. dokumentieren . schreiben ( '

Der Name dieses Fensters ist: ' + mein Fenster. Name + '

'
) ;

mein Fenster. ziehen nach ( 700 , 200 ) ;

}

Skript >

Im obigen Codeausschnitt:

  • Definieren Sie eine Funktion mit dem Namen „ myFunc() “.
  • In der Funktionsdefinition ist die Variable „ mein Fenster ” nutzt das Fenster „ offen() ” Methode, die ein neues Fenster mit dem Namen „ erstellt Neu Fenster „mit den angegebenen Abmessungen, d. h. Breite und Höhe.
  • Der ' document.write() Die Methode „mywindow“ ist mit der Variablen „mywindow“ verknüpft, um den genannten Absatz in das neu erstellte Fenster zu schreiben und dann den Fensternamen über die Variable „ zurückzugeben. Fenstername ' Eigentum.
  • Schließlich ist das „ ziehen nach() Die Methode gibt die gewünschten „horizontalen“ und „vertikalen“ Koordinaten als Argumente an, um das neu erstellte Fenster an diese bestimmte Position zu verschieben.

Ausgang

Wie in dieser Ausgabe analysiert, wird das neu erstellte Fenster mithilfe der Funktion „Fenster“ an die angegebene Position verschoben. ziehen nach() ”-Methode beim Klicken auf die Schaltfläche.

Abschluss

JavaScript stellt das Fenster „ ziehen nach() ”-Methode zum Verschieben des Fensters an eine bestimmte Position durch Angabe der horizontalen und vertikalen Koordinaten. Es hilft beim Verschieben des neuen Fensters an eine beliebige angegebene Position. Das neu erstellte Fenster kann jedoch geöffnet werden, indem man „ window.open() ' Methode. In diesem Beitrag wird die Window-Methode „moveTo()“ in JavaScript erläutert.