The “window.open()” JavaScript metoda omogućuje programerima da se povežu na drugi prozor unutar svoje web stranice. Ovaj prozor se poziva kada korisnik izvrši određenu radnju.
Ukratko, glavna funkcionalnost “window.open()” Metoda je otvaranje novog prozora preko glavne web stranice bez ometanja sučelja glavne web stranice. U nekim se scenarijima novi prozor uspješno otvara, ali se traka za pomicanje uopće ne pojavljuje, što ostavlja loš dojam na korisnike.
Ovaj brzi vodič razrađuje postupak stvaranja okomite trake za pomicanje s metodom window.open() u JavaScriptu.
Kako stvoriti okomite klizne trake pomoću 'window.open()' u JavaScriptu?
The “window.open()” metoda prema zadanim postavkama dodaje okomitu traku za pomicanje ovisno o duljini sadržaja nove web stranice i veličini otvorenog prozora. Ako je sadržaj web-stranice veći od veličine prozora, traka za pomicanje se prema zadanim postavkama dodaje bez primjene CSS svojstava. Međutim, ako razvojni programer želi dodati prilagođenu traku za pomicanje, možete slijediti metode objašnjene u primjerima u nastavku.
Sintaksa
Sintaksa za “window.open()” metoda je navedena u nastavku:
prozor. otvoren ( staza , odredište , winFeat )Ovdje, 'staza' je put web stranice koja će se otvoriti u novom prozoru. The 'odredište' je lokacija novog prozora koji će se pojaviti, može se postaviti na 'prazan' , 'roditelj' , 'sebe' ili 'vrh'. Treći parametar je 'winFeat' ili značajke prozora, nudi različite vrijednosti koje se mogu postaviti prema potrebi prilagođavanja prozora.
Pogledajmo neke primjere za generiranje okomite trake za pomicanje u novootvorenom prozoru pomoću “window.open()” metoda.
Primjer: Upotreba značajke prozora 'trake za pomicanje' s metodom 'window.open()'.
U ovom slučaju, “window.open()” metoda se koristi uz 'klizne trake' Značajke prozora za postavljanje okomite trake za pomicanje za novootvoreni prozor, kao što je prikazano u nastavku:
< glavu >< vrsta skripte = 'tekst/javascript' >
funkcija setScroll ( ) {
bio je newWin = prozor. otvoren ( 'https://linuxhint.com' , 'vrh' , 'width=500,height=500,scrollbars=yes' ) ;
}
skripta >
glavu >
< tijelo >
< str > Pritisnite donji gumb da biste otvorili Linuxhint blog na ulazu - ekranski prozor. str > Kliknite Ja dugme >
tijelo >
Objašnjenje gornjeg koda:
- Prvo, “setScroll()” funkcija je definirana unutar “
” označiti. Također se stvara varijabla 'newWin' koja sadrži “window.open()” metoda u njemu. - Zatim proslijedite prvi parametar 'veze' web stranice na “window.open()” metoda. Također, postavite vrijednost 'top' za drugi parametar za prikaz novog prozora na najvišoj poziciji web preglednika.
- Nakon toga, za prilagodbu ponašanja prozora koristite značajke prozora 'širina' , 'visina' i 'klizne trake' za postavljanje širine i visine, odnosno trake za pomicanje prozora.
- Na kraju, kreirajte a 'dugme' element koji pokreće “setScroll()” funkcija pomoću 'na klik' slušatelj događaja.
Nakon završetka kompilacije, izlaz izgleda ovako:
Izlaz potvrđuje da je traka za pomicanje dodana u novogenerirani prozor.
Primjer 2: Ručno postavljanje trake za pomicanje
Drugi način postavljanja trake za pomicanje je korištenje CSS-a 'preljev-y' i “preljev-x” svojstva preko sekundarne stranice koja će se otvoriti u novom prozoru, kao što je prikazano u nastavku:
< glavu >< vrsta skripte = 'tekst/javascript' >
funkcija setScroll ( ) {
bio je newWin = prozor. otvoren ( 'https://linuxhint.com' , vrh , 'width=500,height=500,promjenjiva veličina,klizne trake=1);
}
Pritisnite donji gumb za otvaranje Linuxhint bloga na prozoru na ekranu.
Kliknite Ja