Come visualizzare una nuova finestra del JavaScript con Dimensioni

November 16

finestre popup visualizzare le pagine Web in piccole finestre del browser spesso limitate in termini di dimensioni e funzionalità. Anche se fuori moda nella moderna progettazione Web, pop-up hanno ancora i loro usi in una varietà di contesti, come l'apertura di un lettore audio per consentire al visitatore di continuare la consultazione del sito durante l'ascolto di musica. Il metodo "window.open" in JavaScript crea popup che caricare le pagine web esistenti. È possibile controllare le dimensioni della finestra a comparsa impostando una larghezza e un'altezza all'interno di tale metodo.

istruzione

1 Aprire la pagina Web in cui si desidera aggiungere la finestra popup in Blocco note o un editor di codice. Individuare "<script>" tag in entrambi il codice intestazione o piè di pagina:

<Script type = "text / javascript>

// Codice JavaScript va qui

</ Script>

Aggiungere "<script>" tag con l'attributo "tipo" impostato su "text / javascript" se la pagina non contenga già li. Mettetele tra le "<head>" tag o sulla riga sopra la chiusura "</ body>" tag.

2 Iniziare a scrivere una nuova funzione tra le "<script>" tag:

Funzione PopupWindow () {

}

3 Utilizzare "window.open" per creare la popup. Specificare la pagina Web che si desidera aprire nella finestra e dargli un nome. Aggiungere la larghezza e l'altezza tra una singola coppia di virgolette con una virgola che li separa:

Funzione PopupWindow () {

window.open ( "http://somedomain.com/page.html","newpage","width=400,height=300");

}

Tutte le impostazioni si dà la finestra pop-up, come ad esempio le barre di scorrimento o la barra degli indirizzi, andare tra la stessa coppia di virgolette.

4 Aggiungere un collegamento da qualche parte nel corpo della pagina Web. Impostare il "onclick" attributo alla funzione JavaScript:

<a href="http://somedomain.com/page.html" onclick="javascript: popupwindow(); tornare false;"> Cliccami </a>

Impostare l'attributo "href" per la pagina Web si aprirà il popup. L'aggiunta di "return false" dopo la funzione manterrà la finestra principale di andare alla nuova pagina, ma quando l'utente spegne JavaScript, il link basta caricare nella finestra principale.

Consigli e avvertenze

  • Aggiungere il codice "onload" per l'apertura "<body>" tag, invece di un link per effettuare il popup aperta ogni volta che un visitatore carica la pagina Web.
  • Utilizzare finestre popup con parsimonia. Il più complicato un popup diventa, più è probabile che sarà necessario creare codice diverso per i diversi browser per visualizzare in modo corretto. Gli utenti bloccano anche pop-up, pop-up e alcune versioni di Internet Explorer aperte automaticamente in schede al posto delle nuove finestre come impostazione di default.