Sådan Indsæt JavaScript til HTML

HTML og JavaScript magt World Wide Web . www laptop billede ved Photoeyes fra Fotolia.com

En HTML-side uden JavaScript er ligesom et tv med ingen kontrol.Både indhold skærm, men du kan ikke gøre meget med dem.JavaScript er et programmeringssprog, der giver udviklere mulighed for at tilføje visuelle effekter til websider og gøre dem interaktivt.JavaScript enkelhed gør det et ideelt værktøj til nybegyndere web-programmører udvikling.Føj JavaScript til din webside ved at indsætte den direkte i sidens HTML eller ved at medtage en henvisning til en ekstern JavaScript-fil.

Instruktioner

  1. Klik på "Start" og skriv "Notesblok".Tryk på "Enter".Notesblok åbnes.Føj denne tekst til filen:

    & lt; script src = "ExternalJavaScript.j

    s" type = "text / javascript" & gt; & lt; / script & gt;

  2. Tryk "CTRL + S" for at åbne "Gem som" vindue.Naviger til mappen "Desktop", og klik på "Ny mappe" øverst i vinduet.Skriv "Test_HTML_JavaScript1" at navngive mappen.

  3. Dobbeltklik på mappen for at åbne den.Skriv "ExternalJavaScript.js" i "File Name" tekstfeltet, og klik på "Gem".Notesblok vil gemme filen som en JavaScript-fil i mappen "Test_HTML_JavaScript1".

  4. Føj følgende kode til dokumentet:

    & lt; DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/!DTD / xhtml1-transitional.dtd "& gt;

    & lt; html xmlns = "http://www.w3.org/1999/xhtml" & gt;

    & lt; head & gt;

    & lt; title & gt; JavaScript Test & lt; / title & gt;

    & lt; / head & gt;

    & lt; body & gt;

    & lt; h1 & gt;Test Tilføjelse JavaScript til HTML & lt; / h1 & gt;

    & lt; / body & gt;

    & lt; / html & gt;

    Dette skaber et HTML-dokument, der indeholder en overskrift.

  5. Tilføj denne tekst efter "& lt; title & gt;"tag:

    & lt; script src = "ExternalJavaScript.js" type = "text / javascript" & gt; & lt; / script & gt;

    Denne erklæring tilføjer en henvisning til den eksterne JavaScript-fil.En browser vil eksekvere koden i denne fil Når websiden belastninger.

  6. Tilføj denne blok af kode efter den forrige kode:

    & lt; script type = "text / javascript" & gt;

    var x = 1;

    var y = 2;

    var sum = x + y;

    var besked = "Summen af ​​X og Y er" + sum;

    alert (meddelelse);

    & lt; / script & gt;

    Dette skaber en inline blok af JavaScript-kode.Koden tilføjer to tal og viser summen når browseren belastninger.

  7. Klik på "File" og vælg "Gem som" for at åbne "Gem som" vindue.Skriv "Test_HTML_JavaScript.html" i "File Name" tekstfeltet, og klik på "Gem".Notesblok vil gemme filen som et HTML-dokument i den samme mappe som den eksterne JavaScript-fil.

  8. Naviger til dit skrivebord, og find mappen "Test_HTML_JavaScript1".Dobbeltklik på den for at åbne den.

  9. Dobbeltklik på "Test_HTML_JavaScript.html."Din browser vil åbne og vise en meddelelse alarm fra den eksterne JavaScript-fil og en anden besked alarm fra inline JavaScript-kode.

Tips & amp;Advarsler

  • Tilføj som mange eksterne JavaScript links, som du har brug for.Hvert eksternt link opretter et opkald til din webserver.Medtag så få eksterne links som muligt for at minimere side load tid.Du kan også placere en inline "& lt; script & gt;"blokere overalt i "& lt; body & gt;"sektion af et HTML-dokument.Men de fleste udviklere placere den i "& lt; head & gt;"afsnit af dokumentet.

Ressourcer

  • W3Schools: JavaScript Tutorial
310
0
1
Java Script