Come aprire una finestra popup in JavaScript usando OnClick?
Popup Windows sulla pagina Web Migliora l'esperienza utente. È una pratica funzionalità del linguaggio JavaScript che viene utilizzato per visualizzare ulteriori informazioni o funzionalità senza lasciare la pagina corrente. Ad esempio, se si desidera fornire alcune informazioni aggiuntive da qualsiasi altro sito Web su un clic di un pulsante, utilizzare una finestra popup per aprire l'URL fornito. Aiuta a rimanere l'utente sullo stesso sito Web e ad accedere anche alle informazioni correlate dalle risorse esterne.
Questo blog illustrerà la procedura per aprire una finestra popup in JavaScript usando un OnClick.
Come aprire una finestra popup usando OnClick in JavaScript?
Per aprire una finestra popup utilizzando l'evento OnClick, usa JavaScript predefinito "finestra.aprire()" metodo. Accetta due parametri principali e molti parametri opzionali. IL "URL" e il "nome"Della nuova finestra o scheda sono i parametri principali. Gli altri parametri opzionali consentono di aggiungere funzionalità aggiuntive come la posizione o la dimensione della nuova finestra, indipendentemente dal fatto che contenga una barra di stato, barre degli strumenti e molti altri.
Sintassi
La sintassi seguente viene utilizzata per "finestra.aprire()" metodo:
finestra.aperto (URL, nome, Finestra Features)Esempio
Innanzitutto, creeremo un pulsante in un file HTML e collegheremo un "al clic"Evento che invocherà la funzione"apparire()"Per aprire una finestra popup su un pulsante Click:
Ora, definisci una funzione chiamata "apparire()"In tag e chiama il"finestra.aprire()" metodo. Passa il "URL ", il" nome "(" popupwindow ") che rappresenta l'apertura dell'URL in una finestra popup e le caratteristiche opzionali, come l'altezza e la larghezza della finestra popup:
funzione popup ()finestra.Open ('https: // linuxhint.com/',' popupwindow ',' altezza = 300, larghezza = 500, a sinistra = 100, top = 100, scrollbars = sì, ridimensionabile = sì, menubar = no, strumento barbar = sì, posizione = no, directory = no, stato = Sì ')
Si può vedere che la finestra popup con URL specificato e la larghezza e l'altezza assegnate sono state aperte con successo:
Si trattava di aprire una finestra popup in javascript su un pulsante clic.
Nota: Se si desidera creare una finestra popup personalizzata utilizzando "div"Elemento per mostrare informazioni particolari, visitare gentilmente il nostro articolo dedicato.
Conclusione
Per aprire una finestra popup, utilizzare il javascript predefinito "finestra.aprire()" metodo. Apre una nuova finestra con l'URL fornito. È spesso utilizzato nello sviluppo web per creare collegamenti che si aprono in una nuova finestra con informazioni particolari. Questo blog ha illustrato la procedura per aprire una finestra popup in JavaScript utilizzando un evento OnClick.