Nel mio ultima colonna, ho scritto su cos'è JavaScript e cosa può e non può fare. Questa volta, è il momento di iniziare effettivamente a lavorare con il codice.
È una tradizione di lunga data nel mondo del codice che la prima cosa che scrivi in ogni nuova programmazione la lingua dovrebbe sempre visualizzare "Hello, World!" Non ho intenzione di sconvolgere la tradizione qui, quindi è quello che inizieremo anche con. L'esecuzione dello script seguente visualizzerà la stessa frase classica sulla tua pagina Web personale.
La mia prima sceneggiatura
Se hai familiarità con i tag HTML, la maggior parte di questi dovrebbe sembrare abbastanza familiare. Puoi saltare a più avanti nell'articolo . Per coloro che non conoscono l'HTML, inizierò dall'alto.
Questo tag dice al browser che ciò che segue è codice HTML, che il browser dovrebbe comprendere. I browser fanno la differenza tra i tag sulla tua pagina e il testo che dovrebbe essere visualizzato racchiudendo il tag tra parentesi angolari: < e >. Qualunque cosa all'interno di questi caratteri è un comando per il browser.
Questo avvia il Testa sezione della pagina HTML. Qui è dove le cose (come il titolo della pagina) vengono definite una volta per l'intera pagina. La maggior parte dei nostri script futuri verrà inserita nell'area di testa.
La mia prima sceneggiatura
Queste righe dicono al browser il titolo della pagina: "Il mio primo script". La sezione del titolo è racchiusa tra inizio e fine
tag. Un tag di fine ha lo stesso aspetto di un tag di inizio, con una differenza: inizia con anziché con
<.
E così finisce la parte head della pagina HTML. Allo stesso modo in cui
ha concluso la sezione del titolo, termina la sezione di testa.Come avrai già intuito, questo tag avvia la sezione del corpo della pagina HTML. Quest'area contiene tutto: tutto il testo e le immagini che vengono visualizzate sulla pagina stessa. In questo caso particolare, il nostro obiettivo è scrivere del testo nella pagina Web, quindi il nostro script va nell'area del corpo.
Se hai familiarità con i tag HTML, ecco dove dovresti saltare di nuovo.
tag, tutto all'interno sarà visto come un unico grande commento HTML.Come ti aspetteresti ormai, questa è la fine della sceneggiatura.
Ecco la fine del corpo sezione.
Ed ecco la fine dell'intera pagina Web. Questo dovrebbe essere l'ultimo pezzo di testo sulla tua pagina HTML.
A proposito, il modo in cui fai rientrare il tuo codice non ha importanza, infatti, non devi farlo affatto. L'ho fatto in questa lezione semplicemente per rendere facile vedere dove iniziano e finiscono i tag. Ti consiglio di utilizzare uno stile simile nei tuoi script, poiché è molto utile quando cerchi di capire dove hai commesso un errore.
Wow, tutto questo solo per mettere un paio di parole sulla pagina? In realtà, sebbene questo particolare esempio possa non fare molto da solo, aiuta a dimostrare un gran numero di concetti importanti. Vedrai questi stessi concetti utilizzati più e più volte nelle prossime colonne JavaScript.
DORI SMITH è coautrice del best-seller JavaScript per il WWW: Guida rapida visiva, 3a edizione e autore di Java per il WWW: guida rapida visiva . Oltre a scrivere, programma da più di vent'anni ed è spesso relatrice a conferenze di settore.