Nwlapcug.com


Come fare un sito Web di Popup

Come fare un sito Web di Popup


Siti Web pop-up non sono così popolari come erano nelle prime fasi di Internet. Tuttavia, gli sviluppatori Web utilizzano ancora le finestre popup. Ad esempio, si potrebbe aprire una finestra popup per visualizzare il contenuto di un carrello senza costringere l'utente a passare a una nuova pagina. Un pop-up Web è nient'altro che una finestra del browser in miniatura che visualizza un sito secondario. Gli sviluppatori di utilizzano JavaScript per creare personalizzabile HTML finestre popup che si aprono automaticamente o in risposta alle azioni dell'utente in una pagina Web.

Istruzioni

1

Creare un nuovo documento HTML.

2

Aggiungere il seguente codice alla sezione < body >:

< a href = "javascript:showPopupWindow('Open" > http://www.whitehouse.gov'); " > Apri finestra Popup < /a >

Questo crea un collegamento che chiama una funzione JavaScript quando un utente fa clic sul collegamento. L'evento click passa l'URL di un sito Web per la funzione. In questo esempio, la finestra popup visualizzerà il contenuto di whitehouse.gov. In produzione, è possibile modificare il nome di URL per il nome del sito che si desidera aprire nella finestra a comparsa.

3

Aggiungere questa funzione JavaScript al documento < script > tag:

Function showPopupWindow(url) () {

var win = window.open(url, 'name', 'height=400,width=200');

}

Questa funzione crea una finestra popup che si apre l'URL passato nell'elenco di parametri. Regolare le impostazioni di altezza e larghezza se si desidera che il pop-up per avere dimensioni diverse.

4

Salvare il file HTML e aprirlo nel browser. Clicca sul link e si aprirà il browser un whitehouse.gov di popup visualizzati da.

Consigli & Avvertenze

  • È possibile aprire finestre pop-up che puntano ad altre pagine HTML sul tuo sito Web. Ad esempio, alcuni sviluppatori creano pagine HTML che Visualizza il form di registrazione. Quando un utente fa clic su un pulsante di iscrizione o un collegamento, viene visualizzata la finestra di pop-up che contiene il modulo. Studiare il comando "Window. Open". Ha più parametri che possono personalizzare l'aspetto della finestra pop-up e barra degli strumenti della finestra. È inoltre possibile chiamare la funzione JavaScript quando un utente fa clic su un pulsante o sposta il mouse sopra un elemento della pagina. Alcuni sviluppatori nemmeno aprire finestre pop-up sui loro siti Web a intervalli di tempo specifici utilizzando il comando "setTimeout". Usare la vostra immaginazione andare alla scoperta di usi per finestre pop-up.
  • Alcuni utenti potrebbero avere blocchi pop-up sul proprio browser. Se così, non si visualizzerà la finestra pop-up.