The 'window.open()' JavaScript metode ļauj izstrādātājiem izveidot saiti uz citu logu savā tīmekļa lapā. Šis logs tiek izsaukts, kad lietotājs veic noteiktu darbību.
Īsāk sakot, galvenā funkcionalitāte 'window.open()' metode ir atvērt jaunu logu virs galvenās tīmekļa lapas, netraucējot galvenās tīmekļa lapas saskarni. Dažos gadījumos jaunais logs tiek atvērts veiksmīgi, bet ritjosla vispār neparādās, kas lietotājiem rada sliktu iespaidu.
Šajā ātrajā rokasgrāmatā ir aprakstīts vertikālās ritjoslas izveides process, izmantojot JavaScript metodi window.open().
Kā izveidot vertikālas ritjoslas ar “window.open()” JavaScript?
The 'window.open()' metode pēc noklusējuma pievieno vertikālu ritjoslu atkarībā no jaunā tīmekļa lapas satura garuma un atvērtā loga lieluma. Ja tīmekļa lapas saturs ir lielāks par loga izmēru, ritjosla tiek pievienota pēc noklusējuma, neizmantojot nekādus CSS rekvizītus. Tomēr, ja izstrādātājs vēlas pievienot pielāgotu ritjoslu, varat sekot tālāk minētajos piemēros aprakstītajām metodēm.
Sintakse
Sintakse 'window.open()' metode ir norādīta zemāk:
logs. atvērts ( ceļš , galamērķis , winFeat )Šeit, 'ceļš' ir tās tīmekļa lapas ceļš, kas tiks atvērta jaunā logā. The 'galamērķis' ir vieta, kur tiks parādīts jauns logs, to var iestatīt uz 'tukšs' , 'vecāks' , 'pats' vai 'tops'. Trešais parametrs ir “winFeat” jeb loga iespējas, tas piedāvā dažādas vērtības, kuras var iestatīt atbilstoši nepieciešamībai pielāgot logu.
Apskatīsim dažus piemērus, lai ģenerētu vertikālu ritjoslu tikko atvērtajā logā, izmantojot 'window.open()' metodi.
Piemērs: loga funkcijas “ritjoslas” izmantošana ar metodi “window.open()”
Šajā gadījumā, 'window.open()' metode tiek izmantota kopā 'ritjoslas' Logu līdzekļi, lai iestatītu vertikālo ritjoslu tikko atvērtam logam, kā parādīts tālāk:
< galvu >< skripta veids = 'teksts/javascript' >
funkciju setScroll ( ) {
bija jaunsWin = logs. atvērts ( 'https://linuxhint.com' , 'tops' , 'width=500,height=500,scrollbars=yes' ) ;
}
skripts >
galvu >
< ķermeni >
< lpp > Nospiediet tālāk esošo pogu, lai iekšā atvērtu Linuxhint emuāru - ekrāna logs. lpp > Noklikšķiniet uz Es pogu >
ķermeni >
Iepriekš minētā koda skaidrojums:
- Pirmkārt, “setScroll()” funkcija ir definēta iekšpusē “
Nospiediet tālāk esošo pogu, lai ekrāna logā atvērtu Linuxhint emuāru.
Noklikšķiniet uz Es
Iepriekš minētā koda apraksts:
- Vispirms izveidojiet a “setScroll()” funkciju, un tā iekšpusē izmanto 'window.open()' metode ir tāda pati kā iepriekšējā piemērā.
- Pievienojiet arī papildu loga funkciju “Maināms izmērs” un mainīt vērtību 'ritjoslas' funkcijas '1' lai iestatītu vertikālo ritjoslu.
Tagad atveriet tās tīmekļa lapas CSS failu, kuras saite ir norādīta kā pirmais parametrs uz 'window.open()' metodi. Mūsu gadījumā tīmekļa lapas nosaukums ir 'linuksints' tāpēc atveriet tā CSS failu un ievietojiet tajā šādu kodu:
< stils >html {
pārplūde - x : paslēptas ;
pārplūde - un : auto ;
}
stils >
Iepriekš minētie CSS rekvizīti “pārpilde-x” un “pārplūde-y” paslēpiet horizontālo ritjoslu un iestatiet vertikālo ritjoslu visai HTML lapai atbilstoši loga garumam.
Pēc iepriekš minēto koda fragmentu ievietošanas un apkopošanas abos failos izvade izskatās šādi:
Izvade parāda, ka logam, kas atvērts, izmantojot metodi “window.open()”, ir pievienota vertikāla ritjosla.
Secinājums
Lai izveidotu vertikālas ritjoslas, izmantojot 'window.open()' metode, 'ritjoslas' var iestatīt loga nodrošināto funkciju 'Jā' vai '1' . Vēl viens veids ir atvērt CSS vai HTML failu tai tīmekļa lapai, kuras saite tiek nodota kā pirmais parametrs metodē “window.open()”, un izmantot CSS. “pārpilde-x” un “pārplūde-y” īpašības. Šajā emuārā ir izskaidroti veidi, kā pievienot vertikālu ritjoslu, izmantojot JavaScript metodi window.open().