Come fare una finestra visibile nella pagina Web

April 10

Come fare una finestra visibile nella pagina Web


Gli sviluppatori Web possono fare diversi tipi di finestre compaiono sulle pagine web. Un tipo è una nuova finestra del browser, che in genere si apre su una pagina Web diversa dalla finestra di origine. Un altro tipo di finestra risulta dalle finestre di dialogo, ad esempio quelle per la raccolta di informazioni dai visitatori di una pagina. Facendo apparire nuove finestre, si crea una esperienza per i visitatori del tuo sito web che è potenzialmente più interessante di pagine a una sola finestra. Inoltre, facendo apparire una nuova finestra consente visitatore della pagina di rimanere sulla tua pagina, mentre il suo dando la possibilità di esplorare il contenuto della nuova finestra la pagina originale è aperto.

istruzione

Creare una finestra che richiede e visualizza le informazioni

1 Creare un nuovo documento in qualsiasi word processor e incollare o digitare in esso i seguenti tag HTML:

<Html>
<Head>
</ Head>
<Body>
</ Body>
</ Html>

Questi tag definiscono un documento HTML di base, in cui verrà creato un piccolo programma JavaScript che consente di visualizzare le nuove finestre per la richiesta e la visualizzazione delle informazioni.

2 Digitare il seguente ovunque tra i <head> </ head> tag e:

<Script type = "text / javascript">
Funzione showGreetingWindow ()
{
var userData = prompt ( "Come ti chiami?");
"!. Benvenuti nel mio angolo del Web" userData = "Ciao," + userData +;
alert (userData);
}
</ Script>

La prima affermazione di questo annuncio dice il browser che un programma JavaScript seguirà il <script> tag di apertura. Il programma è una singola funzione JavaScript, "showGreetingWindow", che utilizza la funzione JavaScript "pronto" per richiedere l'input dell'utente da parte dell'utente. Sia la funzione "allarme" che segue poi visualizzare una nuova finestra nella pagina Web "pronta" e.

3 Digitare il seguente testo per sostituire il tag <body> dal punto 1.

<Body onload = "showGreetingWindow ();">

Questo tag HTML dice al browser per chiamare la funzione definita nel passaggio precedente, non appena il browser finisce di caricamento della pagina Web.

4 Premere il tasto "Controllo" + "S" per salvare il documento. Selezionare l'opzione "Testo normale" per il tipo di file e digitare qualsiasi nome che termina con ".htm" per il nome del file. L'estensione del file "htm" assicura che Windows userà un browser per aprire la pagina.

5 Fare clic su "Start", "Documenti" per aprire la finestra Explorer. Passare alla pagina Web appena salvato, quindi fare doppio clic sul file per aprirlo nel browser. Il programma JavaScript vi chiederà il vostro nome. Digitare il nome e premere il tasto "Invio". Il programma visualizzerà un'altra finestra, che contiene il messaggio programmato al punto 2.

Aprire una nuova finestra del browser

6 Completa il passaggio 1 nella sezione precedente per creare un nuovo documento Web.

7 Digitare il seguente testo tra le <head> </ head> tag e:

<Script type = "text / javascript">
Funzione MakeNewWindow ()
{
aperto ( "http: //www.time.gov&quot;)
}
</ Script>

Questo nuovo programma ( "MakeNewWindow") ha una sola linea, che apre una nuova finestra del browser nella pagina a time.gov. È possibile modificare questo indirizzo Web a qualsiasi altro che ti piace.

8 Digitare la seguente istruzione tra il <body> e </ body> tag:

<a onClick="MakeNewWindow()"> Clicca qui per aprire una nuova finestra. </a>

Questo codice HTML crea un collegamento ipertestuale che, quando l'utente fa clic esso, chiamerà la funzione definita nel passaggio precedente.

9 Salvare la pagina Web come avete fatto nel passaggio 4 della sezione precedente. Poi caricare la pagina nel browser come avete fatto al punto 5 della sezione precedente.

10 Fare clic su "Clicca qui ..." testo per rendere il vostro programma, che farà sì che il browser per aprire una nuova finestra all'URL specificato nella funzione "MakeNewWindow".