Nwlapcug.com


Testo JavaScript Tutorial

Testo JavaScript Tutorial


JavaScript è un linguaggio di scripting utilizzato in molti programmi per computer, browser e siti Web. Webmaster e programmatori utilizzano JavaScript per creare menu, calcolatrici, interazioni speciale sito Web e altre caratteristiche di robustezza. Mentre i programmatori usano JavaScript per complesse attività di programmazione, l'utente medio di computer è possibile utilizzare il linguaggio di scripting per creare colori del semplice testo, stili di testo e altro ancora. JavaScript è facile da imparare e può essere divertente creazione miglioramenti del testo e stili per il vostro sito Web o blog.

Istruzioni

1

Aprire un programma di editor di testo semplice sul tuo computer, ad esempio Blocco note di Microsoft, facendo doppio clic sul programma. In questo esempio, creeremo un semplice documento HTML e scrittura \"You fatto! \" utilizzando JavaScript. Digitare il seguente codice nell'editor il testo (o copia e incolla il codice qui sotto):

< html >
< testa >< titolo > Did It! < / title >< / testa >
< corpo >
< script tipo = \ "testo/JavaScript\" >
Document. Write ('hai fatto!')
VAI
< / script >
< / body >
< / html >

Salvare il documento facendo clic su \"File\" e \"Save As. \" creare un nome per il file e il tipo nell'estensione che segue: \".html.\" utilizzare virgolette doppie intorno l'intero nome del file, in modo che assomiglia a questo: \"example.html.\" quindi, aprire il file HTML salvato facendo clic su esso con il mouse. Questo dovrebbe aprire una finestra vuota in Internet Explorer con le parole \"You fatto! \" nella parte superiore.

2

Modificare il colore del testo modificando il codice JavaScript originale. Per definire un colore del testo utilizzando lo script originale, aprire l'editor di blocco note. Eliminare la riga seguente nel codice: Document. Write ('hai fatta!');

Sostituirlo con questa linea: Document. Write (\ "< FONT COLOR = 'RED' > Did It! </FONT > \")
VAI

Salvare nuovamente il file e aprirlo in Internet Explorer facendo doppio clic il file. Il testo dovrebbe essere rosso. È possibile modificare il colore sostituendo 'Rosso' con qualsiasi colore desiderato nel codice.

3

Modificare la dimensione del testo modificando nuovamente il codice JavaScript. Aprire il file nel blocco note ed eliminare la riga seguente: Document. Write (\ "< FONT COLOR = 'RED' > Did It! </FONT > \")
VAI

Sostituire la riga con il seguente codice: Document. Write (\ "< span style = \ \" colore: rosso; font-size: 5em; \ "> (l'avete fatto!) < \/span > \ ")
VAI

Salvare il file e chiuderlo. Fare doppio clic sul file HTML per la visualizzazione in Internet Explorer. Il testo deve essere molto grande in questo momento. È possibile modificare il testo modificando il numero di "5em" a qualsiasi numero che si sceglie. Abbassando il numero diminuirà la dimensione del testo, e aumentando il numero allarga la dimensione del testo.

4

Definire lo stile del testo aprendo il file di blocco note ed eliminare la seguente riga: Document. Write (\ "< span style = \ \" colore: rosso; font-size: 5em; \ "> (l'avete fatto!) < \/span > \ ")
VAI

Sostituire la riga digitando il codice riportato di seguito:

Document. Write (\ "< span style = \ \" colore: rosso; font-size: 5em; font-family: Arial; \ "> (l'avete fatto!) < \/span > \ ")
VAI

Salvare il file e chiudere il programma. Fare doppio clic sul file HTML per aprire Internet Explorer. Il testo ora dovrebbe essere rosso, grande e lo stile del carattere Arial. È possibile modificare lo stile modificando "Arial" a qualsiasi stile di carattere desiderato. Ora è possibile modificare il testo utilizzando il linguaggio JavaScript nel tuo sito Web o blog.

Consigli & Avvertenze

  • È anche possibile utilizzare un editor online per testare il vostro JavaScript in tempo reale.
  • Alcuni browser non supportano l'intera libreria di stili di testo JavaScript.