Dit bericht demonstreert de werking van het venster ' verplaatsnaar() ” methode in JavaScript.
Wat is de 'moveTo()'-methode van het venster?
Het raam ' verplaatsnaar() ” methode verplaatst het venster naar de gewenste positie door de horizontale en verticale coördinaten op te geven. Hiermee kan het gemaakte of geopende venster naar een specifieke positie worden verplaatst, afhankelijk van de vereisten van de gebruiker.
Syntaxis
raam. verplaatsNaar ( x, y )
In deze syntaxis:
- X: Het vertegenwoordigt de horizontale coördinaten van het venster in pixels.
- En: Het geeft de verticale coördinaten van het venster in pixels aan.
Laten we het hierboven gedefinieerde venster gebruiken ' verplaatsnaar() ' methode syntaxis praktisch.
Voorbeeld: de methode 'moveTo()' van het venster toepassen om een venster naar een specifieke positie te verplaatsen
Dit voorbeeld maakt gebruik van de ' beweging () '-methode om het gemaakte venster naar een bepaalde positie te verplaatsen.
HTML code
Bekijk eerst de vermelde HTML-code:
< h2-stijl = 'kleur groen;' > Raam verplaatsNaar ( ) Methode h2 >
< P > Verplaats het gemaakte 'Nieuw raam' naar de positie 700 X 200 : P >
< knop opklik = 'mijnFunc()' > Beweging 'Nieuw raam' knop >
In het bovenstaande codeblok:
- De ' ” tag maakt een subkop van niveau 2 van de opgegeven tekstkleur met behulp van de “ stijl ” attribuut.
- De ' ”-tag voegt een vermelde alinea-instructie toe.
- De '
” tag maakt een knop met een “ bij klikken '-gebeurtenis die toegang geeft tot de functie 'myFunc()' na het klikken op de knop.
JavaScript-code
Overweeg nu de volgende JavaScript-code:
< script >functie myFunc ( ) {
var mijnvenster = raam. open ( '' , 'Nieuw raam' , 'breedte=400,hoogte=300' ) ;
mijn raam. document . schrijven ( '
De naam van dit venster is: '
+ mijn raam. naam + '' ) ;mijn raam. verplaatsNaar ( 700 , 200 ) ;
}
script >
In het bovenstaande codefragment:
- Definieer een functie met de naam ' mijnFunc() ”.
- In de functiedefinitie is de variabele ' mijn raam 'maakt gebruik van het raam' open() ” methode die een nieuw venster maakt met de naam ' Nieuw Raam ” met de gespecificeerde afmetingen, d.w.z. breedte en hoogte.
- De ' document.write() ” methode is geassocieerd met de “mywindow” variabele om de genoemde alinea in het nieuw gemaakte venster te schrijven en vervolgens de vensternaam terug te geven via de “ venster.naam ' eigendom.
- Als laatste de “ verplaatsnaar() ” methode specificeert de gewenste “horizontale” en “verticale” coördinaten als argumenten, respectievelijk om het nieuw gecreëerde venster naar die specifieke positie te verplaatsen.
Uitgang
Zoals geanalyseerd in deze uitvoer, wordt het nieuw gemaakte venster verplaatst naar de gespecificeerde positie met behulp van het venster ' verplaatsnaar() 'methode bij klikken op de knop.
Conclusie
JavaScript biedt het venster ' verplaatsnaar() ” methode om het venster naar een bepaalde positie te verplaatsen door de horizontale en verticale coördinaten op te geven. Het helpt bij het verplaatsen van het nieuwe venster naar een bepaalde positie. Het nieuw gemaakte venster kan echter worden geopend door gebruik te maken van de ' venster.open() ” methode. In dit bericht wordt de Window-methode 'moveTo()' in JavaScript uitgelegd.