Javascript Tekst Tutorial

April 5

Javascript er et skriptspråk som brukes i mange dataprogrammer, nettlesere og nettsteder. Webmastere og programmerere bruke Javascript for å lage menyer, kalkulatorer, spesielle nettstedet interaksjoner og andre robuste funksjoner. Mens programmerere bruke Javascript for komplekse programmeringsoppgaver, kan den gjennomsnittlige PC-brukeren bruke skriptspråk for å lage enkle tekstfarger, tekststiler og mer. er Javascript lett å lære, og det kan være gøy å lage tekstforbedringer og stiler for din nettside eller blogg.

Bruksanvisning

1 Åpne en enkel tekst editor program på datamaskinen, for eksempel Microsofts Notepad, ved å dobbeltklikke på programmet. For dette eksempelet, vil vi lage en enkel HTML-dokument og skrive \ "du gjorde det! \" Ved hjelp av Javascript. Skriv inn følgende kode inn i teksteditor (eller kopiere og lime inn koden under):

<Html>
<Head> <title> Du klarte det! </ Title> </ head>
<Body>
<Script type = \ "text / javascript \">
document.write ( 'Du gjorde det! ")
GÅ
</ Script>
</ Body>
</ Html>

Lagre dokumentet ved å klikke på \ "Fil \" og \ Lag et navn på filen og skriv inn følgende utvidelse "Lagre som \".: \ Bruk doble sitater rundt hele filnavnet, så det ser ut "html \.." som dette: ". example.html \" \ Deretter åpne den lagrede HTML-filen ved å dobbeltklikke på den med musen. Dette bør åpne et tomt vindu i Internet Explorer med ordene \ "du gjorde det! \" På toppen.

2 Endre tekstfarge ved å endre den opprinnelige Javascript-kode. For å definere et tekstfarge ved hjelp av den opprinnelige manuset, åpne Notepad editor. Slett følgende linje i koden: document.write ( 'du gjorde det!');

Bytt den ut med denne linjen: document.write (\ "! <FONT COLOR =" Red "> Du gjorde det </ FONT> \")
GÅ

Lagre filen på nytt og åpne den i Internet Explorer ved å dobbeltklikke på filen. Teksten skal nå være røde. Du kan endre farge ved å erstatte "RED" med hvilken som helst farge du ønsker i koden.

3 Endre tekststørrelsen ved å endre Javascript-koden på nytt. Åpne filen i Notepad og slett følgende linje: document.write (\ "! <FONT COLOR =" Red "> Du gjorde det </ FONT> \")
GÅ

Bytt tråd med følgende kode: document.write (\ "<span style = \\" color: red; font-size: 5em; \\ ">! (Du gjorde det) <\ / span> \")
GÅ

Lagre filen og lukk den. Dobbeltklikk på HTML-fil for å vise det i Internet Explorer. Teksten skal være veldig stor nå. Du kan endre teksten ved å endre "5em" nummer til så mange du vil. Senking av antallet vil redusere tekststørrelsen, og øke antall forstørrer tekststørrelsen.

4 Definer tekststil ved å åpne notepad filen og slette følgende linje: document.write (\ "<span style = \\" color: red; font-size: 5em; \\ ">! (Du gjorde det) <\ / span> \ ")
GÅ

Sett på linjen ved å skrive inn følgende kode:

document.write (\ "<span style = \\" color: red; font-size: 5em; font-family: Arial; \\ ">! (du gjorde det) <\ / span> \")
GÅ

Lagre filen og lukke programmet. Dobbeltklikk på HTML-filen for å åpne Internet Explorer. Teksten skal nå være rød, stor og ha Arial skriftstil. Du kan endre stilen ved å endre "Arial" til en font stilen du ønsker. Nå kan du redigere tekst med Javascript på i din egen nettside eller blogg.

Hint

Du kan også bruke en online editor for å teste Javascript i sanntid.
Noen nettlesere støtter ikke hele Javatekststil bibliotek.