Come aprire una nuova finestra con un ancoraggio in Javascript

September 16

tag di ancoraggio HTML, noti anche come link, possono fare molto di più che semplicemente inviare al browser nuove pagine web quando gli utenti fanno clic i link. Ogni ancoraggio ha un attributo "href". Uno sviluppatore Web di solito imposta valore dell'attributo a un URL. HTML consente anche di impostare il valore di un href al nome di una funzione JavaScript. È quindi possibile utilizzare tale funzione per aprire una nuova finestra quando gli utenti fanno clic l'ancora.

istruzione

1 Aprire uno dei documenti HTML utilizzando un editor HTML o un word processor.

2 Aggiungere questo codice alla sezione "corpo" del documento:

<a href="javascript: newWindow('http://www.whitehouse.gov')">

Clicca per aprire una nuova finestra

</a>

Questo crea un ancoraggio. punti di valore href di questo ancoraggio a una funzione JavaScript denominato "newWindow". In questo esempio, il codice passa l'URL denominato "<http://www.whitehouse.gov>" alla funzione. Cambiamento che a qualsiasi URL che ti piace.

3 Incollare il seguente codice JavaScript nella sezione "testa" del documento:

<Script type = "text / javascript" language = "javascript">

Funzione newWindow (URL) {

var windowParms = " 'width = 600, height = 400, location = 1, menubar = 1, barre di scorrimento = 1, status = 1, toolbar = 1, ridimensionabile = 1'";

window.open (URL, 'Window1', windowParms);

}

</ Script>

L'ancora passa l'URL a questa funzione e quindi esegue la funzione "window.open" che apre una nuova finestra. La funzione "window.open" accetta una lista di parametri. La variabile "windowParms" sostiene che l'elenco dei parametri. Modificando i valori in questo elenco, si determina come si presenta la nuova finestra. Impostare la larghezza della finestra e l'altezza in pixel modificando i valori per la larghezza e l'altezza. I valori per le altre proprietà determinano se viene visualizzata una particolare barra degli strumenti sulla nuova finestra. I valori possibili sono "1" e "0" In questo esempio, viene visualizzata una barra di posizione sulla nuova finestra perché il valore per la posizione è "1" Il valore "1" significa "visualizzare questa barra degli strumenti." Il valore "0" significa "non visualizzano questa barra degli strumenti."

4 Salvare il documento HTML e visualizzarlo in un browser. Clicca l'ancora per aprire una nuova finestra.

Consigli e avvertenze

  • Se semplicemente si desidera aprire una nuova finestra di dimensioni complete che assomiglia a quella attuale, aggiungere questa istruzione prima affermazione "window.open" della funzione: windowParms = "". Questo imposta il valore di windowParms NULL.
  • Ricordate che gli utenti con blocco dei popup attivati ​​non saranno in grado di vedere le finestre popup.
  • .