The „window.open()” Metoda JavaScript permite dezvoltatorilor să facă linkuri către o altă fereastră din pagina lor web. Această fereastră este invocată atunci când o acțiune specificată este efectuată de către utilizator.
Pe scurt, principala funcționalitate a „window.open()” metoda este de a deschide o nouă fereastră peste pagina web principală fără a perturba interfața paginii web principale. În unele scenarii, noua fereastră se deschide cu succes, dar bara de derulare nu apare deloc, ceea ce transmite o impresie proastă utilizatorilor.
Acest ghid rapid elaborează procesul de creare a unei bare de defilare verticală cu o metodă window.open() în JavaScript.
Cum se creează bare de defilare verticale cu „window.open()” în JavaScript?
The „window.open()” metoda adaugă implicit o bară de defilare verticală în funcție de lungimea conținutului noului site web și de dimensiunea ferestrei deschise. Dacă conținutul paginii web este mai mare decât dimensiunea ferestrei, bara de defilare este adăugată în mod implicit fără a aplica proprietăți CSS. Cu toate acestea, dacă dezvoltatorul dorește să adauge o bară de derulare personalizată, atunci puteți urma metodele explicate în exemplele de mai jos.
Sintaxă
Sintaxa pentru „window.open()” metoda este prezentată mai jos:
fereastră. deschis ( cale , destinaţie , winFeat )Aici, 'cale' este calea paginii web care va fi deschisă într-o fereastră nouă. The 'destinaţie' este locația noii ferestre care va apărea, poate fi setat la 'gol' , 'mamă' , 'de sine' sau 'top'. Al treilea parametru este „winFeat” sau caracteristicile ferestrei, oferă diverse valori care pot fi setate în funcție de nevoia de personalizare a ferestrei.
Să aruncăm o privire peste câteva exemple pentru a genera o bară de defilare verticală în fereastra nou deschisă folosind „window.open()” metodă.
Exemplu: Utilizarea caracteristicii ferestrei „bare de defilare” cu metoda „window.open()”
În acest caz, „window.open()” metoda este utilizată de-a lungul „bare de defilare” Funcții de fereastră pentru a seta bara de defilare verticală pentru o fereastră nou deschisă, după cum se arată mai jos:
< cap >< tip de script = „text/javascript” >
funcţie setScroll ( ) {
a fost newWin = fereastră. deschis ( „https://linuxhint.com” , 'top' , „lățime=500, înălțime=500, bare de defilare=da” ) ;
}
scenariu >
cap >
< corp >
< p > Apăsați butonul de mai jos pentru a deschide blogul Linuxhint pe in - fereastra ecranului. p > Faceți clic pe Mine buton >
corp >
Explicația codului de mai sus:
- În primul rând, „setScroll()” funcția este definită în interiorul „
Apăsați butonul de mai jos pentru a deschide blogul Linuxhint în fereastra de pe ecran.
Dați clic pe mine
Descrierea codului de mai sus:
- Mai întâi, creați un „setScroll()” funcția, iar în interiorul acesteia utilizează „window.open()” metoda aceeași ca și în exemplul de mai sus.
- De asemenea, adăugați o funcție suplimentară de fereastră a „redimensionabil” și modificați valoarea lui „bare de defilare” caracteristici la '1' pentru a seta bara de defilare verticală.
Acum, deschideți fișierul CSS al paginii web al cărei link este furnizat ca prim parametru către „window.open()” metodă. În cazul nostru, numele paginii web este 'linuxint' deci deschideți fișierul CSS și introduceți următorul cod în el:
< stil >html {
revărsare - X : ascuns ;
revărsare - și : auto ;
}
stil >
Proprietățile CSS de mai sus ale „overflow-x” și „debordare-y” ascundeți bara de defilare orizontală și setați bara de defilare verticală pentru întreaga pagină HTML în funcție de lungimea ferestrei.
După inserarea și compilarea fragmentelor de cod de mai sus în ambele fișiere, rezultatul arată astfel:
Rezultatul arată că o bară de defilare verticală a fost adăugată la fereastra deschisă folosind metoda „window.open()”.
Concluzie
Pentru a crea bare de defilare verticale cu „window.open()” metoda, cea „bare de defilare” caracteristica oferită de fereastră poate fi setată la 'da' sau '1' . O altă modalitate este să deschideți fișierul CSS sau HTML pentru pagina web al cărei link este transmis ca prim parametru în metoda „window.open()” și să utilizați CSS. „overflow-x” și „debordare-y” proprietăți. Acest blog a explicat modalitățile de a adăuga o bară de defilare verticală cu metoda window.open() în JavaScript.