Dette innlegget demonstrerer hvordan vinduet fungerer ' flytte til() '-metoden i JavaScript.
Hva er Window 'moveTo()'-metoden?
Vinduet ' flytte til() ”-metoden flytter vinduet til ønsket posisjon ved å spesifisere horisontale og vertikale koordinater. Den tillater bevegelse av det opprettede eller åpnede vinduet på en bestemt posisjon i henhold til brukerens krav.
Syntaks
vindu. flytte til ( x,y )
I denne syntaksen:
- x: Det representerer de horisontale koordinatene til vinduet i piksler.
- og: Det angir de vertikale koordinatene til vinduet i piksler.
La oss bruke det ovenfor definerte vinduet ' flytte til() ” metodesyntaks praktisk talt.
Eksempel: Bruk av Window “moveTo()”-metoden for å flytte et vindu til en bestemt posisjon
Dette eksemplet bruker ' bevege seg () ” metode for å flytte det opprettede vinduet til en bestemt posisjon.
HTML-kode
Først, se en oversikt over den angitte HTML-koden:
< h2 stil = 'farge:grønn;' > Vindu flytte til ( ) Metode h2 >
< s > Flytt opprettet 'Nytt vindu' til stillingen 700 x 200 : s >
< knappen ved å klikke = 'myFunc()' > Bevege seg 'Nytt vindu' knapp >
I kodeblokken ovenfor:
- « '-taggen oppretter en underoverskrift på nivå 2 av den angitte tekstfargen ved å bruke ' stil ' Egenskap.
- « ”-taggen legger til en uttalt avsnittssetning.
- «
' tag lager en knapp med en ' ved trykk ” hendelse som får tilgang til funksjonen “myFunc()” når knappen klikker.
JavaScript-kode
Tenk nå på følgende JavaScript-kode:
< manus >funksjon myFunc ( ) {
var mitt vindu = vindu. åpen ( '' , 'Nytt vindu' , 'bredde=400, høyde=300' ) ;
mitt vindu. dokument . skrive ( '
Dette vinduets navn er: '
+ mitt vindu. Navn + «» ) ;mitt vindu. flytte til ( 700 , 200 ) ;
}
manus >
I kodebiten ovenfor:
- Definer en funksjon kalt ' myFunc() '.
- I funksjonsdefinisjonen er variabelen ' mitt vindu 'bruker vinduet' åpen() '-metoden som lager et nytt vindu kalt ' Ny Vindu ” med de spesifiserte dimensjonene, dvs. bredde og høyde.
- « document.write() ”-metoden er assosiert med “mywindow”-variabelen for å skrive det nevnte avsnittet inn i det nyopprettede vinduet og deretter returnere vindusnavnet via “ vindu.navn ' eiendom.
- Til slutt, ' flytte til() ”-metoden spesifiserer de ønskede “horisontale” og “vertikale” koordinatene som sine argumenter, henholdsvis for å flytte det nyopprettede vinduet til den aktuelle posisjonen.
Produksjon
Som analysert i denne utgangen, flyttes det nyopprettede vinduet til den angitte posisjonen ved å bruke vinduet ' flytte til() ”-metode ved knappeklikk.
Konklusjon
JavaScript gir vinduet ' flytte til() ” metode for å flytte vinduet til en bestemt posisjon ved å spesifisere horisontale og vertikale koordinater. Det hjelper med å flytte det nye vinduet til en bestemt posisjon. Imidlertid kan det nyopprettede vinduet åpnes ved å bruke ' window.open() 'metoden. Dette innlegget forklarer Window 'moveTo()'-metoden i JavaScript.