IL “finestra.aperta()” Il metodo JavaScript consente agli sviluppatori di collegarsi a un'altra finestra all'interno della loro pagina web. Questa finestra viene richiamata quando un'azione specifica viene eseguita dall'utente.
In breve, le funzionalità principali di “finestra.aperta()” Il metodo consiste nell'aprire una nuova finestra sulla pagina Web principale senza disturbare l'interfaccia della pagina Web principale. In alcuni scenari, la nuova finestra viene aperta correttamente ma la barra di scorrimento non viene visualizzata affatto, il che invia una cattiva impressione agli utenti.
Questa guida rapida elabora il processo per creare una barra di scorrimento verticale con un metodo window.open() in JavaScript.
Come creare barre di scorrimento verticali con 'window.open()' in JavaScript?
IL “finestra.aperta()” per impostazione predefinita aggiunge una barra di scorrimento verticale in base alla lunghezza del contenuto della nuova pagina Web e alla dimensione della finestra aperta. Se il contenuto della pagina Web è maggiore della dimensione della finestra, la barra di scorrimento viene aggiunta per impostazione predefinita senza applicare alcuna proprietà CSS. Tuttavia, se lo sviluppatore desidera aggiungere una barra di scorrimento personalizzata, puoi seguire i metodi spiegati negli esempi seguenti.
Sintassi
La sintassi per “finestra.aperta()” metodo è indicato di seguito:
finestra. aprire ( sentiero , destinazione , vincereFeat )Qui, 'sentiero' è il percorso della pagina web che verrà aperta in una nuova finestra. IL 'destinazione' è la posizione in cui verrà visualizzata la nuova finestra, può essere impostata su 'vuoto' , 'genitore' , 'se stesso' O 'superiore'. Il terzo parametro è il “winFeat” o funzionalità della finestra, offre vari valori che possono essere impostati in base alla necessità di personalizzare la finestra.
Diamo un'occhiata ad alcuni esempi per generare una barra di scorrimento verticale nella finestra appena aperta utilizzando il comando “finestra.aperta()” metodo.
Esempio: utilizzo della funzionalità finestra 'barre di scorrimento' con il metodo 'window.open()'.
In questo caso, il “finestra.aperta()” il metodo viene utilizzato lungo il “barre di scorrimento” Funzionalità finestra per impostare la barra di scorrimento verticale per una finestra appena aperta, come mostrato di seguito:
< Testa >< tipo di script = 'testo/javascript' >
funzione setScroll ( ) {
era nuovoWin = finestra. aprire ( 'https://linuxhint.com' , 'superiore' , 'larghezza=500, altezza=500, barre di scorrimento=sì' ) ;
}
sceneggiatura >
Testa >
< corpo >
< P > Premi il pulsante in basso per aprire il blog Linuxhint nella pagina in - finestra dello schermo. P > Cliccami pulsante >
corpo >
Spiegazione del codice sopra:
- Prima il “setScroll()” la funzione è definita all'interno di “
” etichetta. Viene creata anche la variabile “newWin” che contiene il file “finestra.aperta()” metodo in esso. - Successivamente, passa il primo parametro della pagina web “link” al file “finestra.aperta()” metodo. Inoltre, imposta il valore 'top' per il secondo parametro per visualizzare la nuova finestra nella posizione più alta del browser web.
- Successivamente, per personalizzare il comportamento della finestra utilizzare le funzionalità della finestra di 'larghezza' , 'altezza' E “barre di scorrimento” per impostare rispettivamente la larghezza, l'altezza e la barra di scorrimento della finestra.
- Alla fine, crea un file 'pulsante' elemento che attiva il “setScroll()” funzione utilizzando il 'al clic' ascoltatore di eventi.
Al termine della compilazione, l'output sarà simile al seguente:
L'output conferma che la barra di scorrimento è stata aggiunta alla finestra appena generata.
Esempio 2: impostazione manuale della barra di scorrimento
Un altro modo per impostare la barra di scorrimento è utilizzare il CSS “overflow-y” E “overflow-x” proprietà sulla pagina secondaria che verrà aperta in una nuova finestra, come mostrato di seguito:
< Testa >< tipo di script = 'testo/javascript' >
funzione setScroll ( ) {
era nuovoWin = finestra. aprire ( 'https://linuxhint.com' , superiore , 'larghezza=500,altezza=500,ridimensionabile,barre di scorrimento=1);
}
Premi il pulsante in basso per aprire il blog Linuxhint nella finestra sullo schermo.
Fai clic su di meDescrizione del codice sopra:
- Per prima cosa, crea un file “setScroll()” funzione, e al suo interno utilizza il file “finestra.aperta()” metodo identico a quello fatto nell'esempio precedente.
- Inoltre, aggiungi una funzionalità di finestra aggiuntiva di “ridimensionabile” e modificare il valore di “barre di scorrimento” caratteristiche a '1' per impostare la barra di scorrimento verticale.
Ora apri il file CSS della pagina web il cui collegamento è fornito come primo parametro al file “finestra.aperta()” metodo. Nel nostro caso, il nome della pagina web è 'linuxint' quindi apri il suo file CSS e inserisci al suo interno il seguente codice:
< stile >html {
traboccare - X : nascosto ;
traboccare - E : auto ;
}
stile >
Le proprietà CSS di cui sopra di “overflow-x” E “overflow-y” nascondi la barra di scorrimento orizzontale e imposta la barra di scorrimento verticale per l'intera pagina HTML in base alla lunghezza della finestra.
Dopo aver inserito e compilato i frammenti di codice sopra in entrambi i file, l'output sarà simile al seguente:
L'output mostra che una barra di scorrimento verticale è stata aggiunta alla finestra aperta utilizzando il metodo 'window.open()'.
Conclusione
Per creare barre di scorrimento verticali con “finestra.aperta()” metodo, il “barre di scorrimento” è possibile impostare la funzione fornita dalla finestra 'SÌ' O '1' . Un altro modo è aprire il file CSS o HTML per la pagina Web il cui collegamento viene passato come primo parametro nel metodo 'window.open()' e utilizzare il CSS “overflow-x” E “overflow-y” proprietà. Questo blog ha spiegato come aggiungere una barra di scorrimento verticale con il metodo window.open() in JavaScript.