Dette indlæg demonstrerer, hvordan vinduet fungerer ' flytte til() ” metode i JavaScript.
Hvad er 'moveTo()'-metoden i vinduet?
Vinduet ' flytte til() ”-metoden flytter vinduet til den ønskede position ved at angive dets vandrette og lodrette koordinater. Det tillader bevægelse af det oprettede eller åbnede vindue på en bestemt position i henhold til brugerens krav.
Syntaks
vindue. flytte til ( x,y )
I denne syntaks:
- x: Det repræsenterer vinduets vandrette koordinater i pixels.
- og: Det angiver vinduets lodrette koordinater i pixels.
Lad os bruge det ovenfor definerede vindue ' flytte til() ” metodesyntaks praktisk talt.
Eksempel: Anvendelse af vinduet 'moveTo()'-metoden til at flytte et vindue til en bestemt position
Dette eksempel bruger ' bevæge sig () ” metode til at flytte det oprettede vindue til en bestemt position.
HTML kode
Først skal du gennemgå den angivne HTML-kode:
< h2 stil = 'farve:grøn;' > Vindue flytte til ( ) Metode h2 >
< s > Flyt den oprettede 'Nyt vindue' til stillingen 700 x 200 : s >
< knap ved klik = 'myFunc()' > Bevæge sig 'Nyt vindue' knap >
I ovenstående kodeblok:
- Det ' ' tag opretter en niveau 2 underoverskrift af den angivne tekstfarve ved hjælp af ' stil ' attribut.
- Det ' ” tag tilføjer en angivet afsnitserklæring.
- Det '
' tag opretter en knap med en ' onclick ” hændelse, der får adgang til funktionen “myFunc()” ved et klik på knappen.
JavaScript kode
Overvej nu følgende JavaScript-kode:
< manuskript >funktion myFunc ( ) {
var mit vindue = vindue. åben ( '' , 'Nyt vindue' , 'bredde=400, højde=300' ) ;
mit vindue. dokument . skrive ( '
Dette vindues navn er: '
+ mit vindue. navn + '' ) ;mit vindue. flytte til ( 700 , 200 ) ;
}
manuskript >
I ovenstående kodestykke:
- Definer en funktion ved navn ' myFunc() ”.
- I funktionsdefinitionen er variablen ' mit vindue ' bruger vinduet ' åben() ' metode, der opretter et nyt vindue med navnet ' Ny Vindue ” med de angivne dimensioner, dvs. bredde og højde.
- Det ' document.write() ”-metoden er forbundet med “mywindow”-variablen for at skrive det nævnte afsnit ind i det nyoprettede vindue og derefter returnere vinduesnavnet via “ vindue.navn ” ejendom.
- Til sidst, ' flytte til() ” metode angiver de ønskede “horisontale” og “lodrette” koordinater som dens argumenter, henholdsvis for at flytte det nyoprettede vindue til den pågældende position.
Produktion
Som analyseret i dette output, flyttes det nyoprettede vindue til den angivne position ved hjælp af vinduet ' flytte til() ” metode efter knap klik.
Konklusion
JavaScript giver vinduet ' flytte til() ” metode til at flytte vinduet til en bestemt position ved at angive de vandrette og lodrette koordinater. Det hjælper med at flytte det nye vindue til en hvilken som helst specificeret position. Det nyoprettede vindue kan dog åbnes ved at bruge ' window.open() ” metode. Dette indlæg forklarer Window 'moveTo()'-metoden i JavaScript.