Hvordan sette inn Javascript HTML

May 8

En HTML-side uten Javascript er som en TV med noen kontroller. Begge viser innhold, men du kan ikke gjøre så mye med dem. Javascript er et programmeringsspråk som gjør det mulig for utviklere å legge til visuelle effekter til websider og gjøre dem interaktive. Javascript enkelhet gjør det til et ideelt utviklingsverktøy for nybegynnere web-programmerere. Legg Javascript for å websiden din ved å sette den direkte inn i sidens HTML eller ved å inkludere en referanse til en ekstern Javascript-fil.

Bruksanvisning

1 Klikk "Start" og skriv "Notepad". Trykk enter." Notisblokk vil åpne. Legg denne teksten til filen:

2 Trykk "CTRL + S" for å åpne "Lagre som" -vinduet. Naviger til "Desktop" -mappen, og klikk "Ny mappe" øverst i vinduet. Skriv "Test_HTML_JavaScript1" for å gi navn til mappen.

3 Dobbeltklikk på mappen for å åpne den. Skriv "ExternalJavaScript.js" i "File Name" tekstboksen, og klikk "Lagre". Notisblokk vil lagre filen som en Javascript-fil i "Test_HTML_JavaScript1" -mappen.

4 Legg til følgende kode i dokumentet:

<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Head>

</ Head>

<Body>

<H1> Test Legge Javascript for å HTML </ h1>

</ Body>

</ Html>

Dette skaper et HTML-dokument som inneholder en overskrift.

5 Legg denne teksten etter "<title>" tag:

Denne uttalelsen legger til en referanse til den eksterne Javascript-fil. En nettleser vil kjøre koden i denne filen når nettsiden lastes.

6 Legg denne blokken med kode etter forrige kode:

var x = 1;

Var y = 2;

Var sum = x + y;

Var message = "Summen av X og Y er" + sum;

alert (melding);

</ Script>

Dette skaper en inline blokk med Javascript-kode. Koden legger to tall og viser summen når nettleseren laster.

7 Klikk på "File" og velg "Lagre som" for å åpne "Lagre som" -vinduet. Skriv "Test_HTML_JavaScript.html" i "File Name" tekstboksen, og klikk "Lagre". Notisblokk vil lagre filen som et HTML-dokument i samme mappe som ekstern Javascript-fil.

8 Naviger til skrivebordet ditt, og finn "Test_HTML_JavaScript1" -mappen. Dobbeltklikk på den for å åpne den.

9 Dobbeltklikk på "Test_HTML_JavaScript.html." Nettleseren vil åpne og vise en melding varsling fra den eksterne Javascript-fil og en annen meldingsvarsel fra Javascript-kode inline.

Hint

Legg til så mange eksterne Javascript-koblinger som du trenger. Hver ekstern lenke skaper et kall til webserveren. Inkluder så få eksterne linker som mulig for å minimere lastetiden. Du kan også plassere en inline "<script>" blokken hvor som helst i "<body>" i et HTML-dokument. Men de fleste utviklere legge den i "<head>" -delen av dokumentet.