Il metodo JavaScript \ "window.open () \" viene utilizzato per aprire finestre pop-up dai collegamenti. Le finestre pop-up vi permettono di dare ai vostri visitatori informazioni senza costringerli a lasciare la pagina corrente che stanno visualizzando le finestre pop-up sono comunemente usati per visualizzare le immagini, aiutare, istruzioni e altre informazioni, mentre la pagina web originale rimane visualizzato nella principale finestra del browser. Uno dei pericoli derivanti dall'utilizzo window.open () è apre una nuova finestra ogni volta che viene chiamato se non si chiama correttamente. Riutilizzo di una finestra pop-up esistente nel JavaScript salva i visitatori di avere loro desktop disseminato di finestre pop-up.

istruzione

1 Aprire il file contenente il JavaScript in cui si desidera aggiungere funzionalità finestra pop-up nel vostro editor preferito JavaScript.

2 Aggiungere le seguenti variabili alla parte superiore dello script:

var popUpWin
ANDARE
var = is_chrome navigator.userAgent.toLowerCase (). indexOf ( 'Chrome')> -1
ANDARE
var = is_opera navigator.userAgent.toLowerCase (). indexOf ( 'opera')> -1
ANDARE

\ "PopUpWin \" verrà utilizzato per tenere traccia della vostra finestra pop-up. \ "Is_chrome \" e \ "is_opera \" saranno utilizzati per la compatibilità del browser. Se il visitatore sta usando il browser web Chrome o Opera, una di queste due variabili avrà il valore \ "true. \"

3 Inizia una nuova funzione denominata \ Prende l'URL (indirizzo web) del documento o immagine da aprire nella finestra pop-up "OpenPage \.":

Funzione OpenPage (URL) {

4 Aggiungere il seguente codice per chiudere la finestra pop-up se è aperto e il tuo visitatore utilizza Chrome o Opera:

if (popUpWin && (is_chrome || is_opera)) {

popUpWin.close ()

ANDARE
}

La chiusura della finestra pop-up in Chrome e Opera costringerà la finestra pop-up per aprire davanti alle altre finestre quando viene riaperta.

5 Terminate la funzione vostro \ "OpenPage \" aprendo l'URL fornito nella finestra pop-up. L'ultimo parametro al metodo window.open () è una lista delle caratteristiche delle finestre è possibile utilizzare per personalizzare le dimensioni della finestra, le barre degli strumenti, le barre di scorrimento e altre proprietà. Vedere la "DOM: window.open \" \ documentazione nella sezione Risorse per un elenco completo delle funzioni.

popUpWin = window.open (URL, 'pop-up', 'width = 600, height = 600')
ANDARE
if (window.focus) {

popUpWin.focus ()

ANDARE
}
}

Se la finestra pop-up non è già aperto, verrà creato, la visualizzazione della pagina all'URL. Se la finestra pop-up è già aperto, viene riutilizzato la stessa finestra. Il metodo window.focus () costringe la finestra pop-up a muoversi davanti alle altre finestre aperte in modo che sia visibile. Opera e Chrome non supportano il metodo window.focus ().

6 Aggiungi link al tuo codice HTML, chiamando la funzione vostro \ "OpenPage \", passando l'URL del documento che si desidera aprire. Per esempio:

<a href=\"javascript:openPage('cat.html')\">
Cat </a> |
<a href=\"javascript:openPage('dog.html')\">
Cane </a> |
<a href=\"javascript:openPage('penguin.html')\">
Penguin </a>

In Chrome e Opera, la finestra pop-up si aprirà nella posizione di default per le nuove finestre sullo schermo. In tutti gli altri browser, la finestra pop-up viene riutilizzato, la pagina visualizzata viene sostituita con la nuova pagina, e viene visualizzata la finestra in cui è stato posizionato sullo schermo scorso.

Consigli e avvertenze

• Verifica se la tua pop-finestra è stata bloccata utilizzando \ "if (! PopUpWin) {...} \". Nel caso-blocco, si può apparire un messaggio in una finestra di avviso o di utilizzare la finestra corrente per visualizzare l'URL richiesto utilizzando \ "window.location = URL \".