Nwlapcug.com


Come visualizzare una nuova finestra di Javascript con dimensioni

Finestre popup visualizzare pagine Web nelle piccole finestre del browser spesso limitate dimensioni e funzionalità. Anche se fuori moda nel design Web moderno, popup hanno ancora i loro usi in una varietà di contesti, come l'apertura di un lettore audio per consentire al visitatore di continuare la navigazione del sito durante l'ascolto di musica. Il metodo di "Window. Open" in JavaScript crea popup che caricano le pagine Web esistenti. È possibile controllare le dimensioni della finestra popup impostando una larghezza e un'altezza all'interno di tale metodo.

Istruzioni

1

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

< script type = "text/javascript >

Codice JavaScript va qui

< / script >

Aggiungi tag "< script >" con l'attributo "type" impostato su "text/javascript" se la pagina non contiene già li. Metterli tra i tag "< head >" o sulla riga sopra la chiusura tag "< / body >".

2

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

Function popupWindow () {

}

3

Uso "Window. Open" per creare il tuo popup. Specificare la pagina Web che si desidera aprire nella finestra e assegnargli un nome. Aggiungere la larghezza e l'altezza tra una coppia di virgolette doppie con una virgola che li separa:

Function popupWindow () {

Window. Open ("l'http://somedomain.com/page.html", "newpage", "larghezza = 400, height = 300");

}

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

4

Aggiungere un link da qualche parte nel corpo della pagina Web. Impostare l'attributo "onclick" alla funzione JavaScript:

< a href = "l'http://somedomain.com/page.html" onclick = "javascript: popupwindow(); return false;" > click Me < /a >

Impostare l'attributo "href" alla pagina Web si aprirà il popup. Aggiungendo "return false" dopo la funzione manterrà la finestra principale di andare alla nuova pagina, ma quando l'utente disattiva JavaScript, il link verrà semplicemente caricato nella finestra principale.

Consigli & Avvertenze

  • Aggiungere il codice "onload" al tag di apertura "< body >" invece di un link per effettuare il popup aperta ogni volta che un visitatore carica la pagina Web.
  • Utilizzare finestre popup con parsimonia. Più complicato che diventa un popup, più è probabile che sarà necessario creare un codice diverso per i diversi browser per visualizzarla correttamente. Gli utenti inoltre bloccano pop-up e alcune versioni di Internet Explorer automaticamente aprono popup in schede invece nuove finestre come impostazione predefinita.