Kuidas lisada JavaScript Into HTML

HTML ja JavaScript võimu World Wide Web . www sülearvuti pildi Photoeyes alates Fotolia.com

HTML lehele ilma JavaScript on nagu televisioon ei kontrolli.Mõlemad ekraani sisu, kuid sa ei saa palju neid.JavaScript on programmeerimiskeel, mis võimaldab arendajatel lisada visuaalseid efekte veebilehti ja teha need interaktiivne.JavaScript lihtsus muudab selle ideaalseks arengu vahend algaja web programmeerijad.Lisa JavaScript oma veebilehele sisestades see otse selle lehekülje HTML või lisades viite välise JavaScript faili.

juhised

  1. Vajuta "Start" ja tüüp "Notepad."Vajuta "Enter".Notepad avab.Lisa see tekst faili:

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

  2. vajuta "Ctrl + S" avada "Save As" aken.Liigu oma "Desktop" kaust ja vajuta "New Folder" ülaosas akna.Tüüp "Test_HTML_JavaScript1" nime kausta.

  3. Topeltklõpsake kausta avada.Tüüp "ExternalJavaScript.js" in "File Name" tekstikasti ja vajuta "Salvesta".Notepad päästab faili JavaScript fail "Test_HTML_

    JavaScript1" kausta.

  4. Lisa järgmine kood dokument:

    & 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 lisamine JavaScripti HTML & lt; / h1 & gt;

    & lt; / body & gt;

    & lt; / html & gt;

    See loob HTML dokument sisaldab rubriiki.

  5. Lisa see tekst pärast "& lt; title & gt;"tag:

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

    See avaldus lisatakse viide välisele JavaScript faili.Brauser käivitab koodi, et faili, kui veebilehe koormusi.

  6. Lisa see ploki koodi pärast eelmise kood:

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

    var x = 1;

    var y = 2;

    var summa = x + y;

    var message = "summa X ja Y on" + summa;

    alert (sõnum);

    & lt; / script & gt;

    See loob inline ploki JavaScript koodi.Kood lisab kaks arvu ning kuvab summa, kui brauser koormusi.

  7. Vajuta "File" ja valige "Save As" avada "Save As" aken.Tüüp "Test_HTML_JavaScript.html" in "File Name" tekstikasti ja vajuta "Salvesta".Notepad faili salvestada HTML dokument samasse kausta väline JavaScript faili.

  8. Navigeeri töölaual, ja leida "Test_HTML_JavaScript1" kausta.Topeltklõpsake seda avada.

  9. topeltklõps "Test_HTML_JavaScript.html."Brauser avab ja kuvab sõnumi märguande väline JavaScript fail ja teise sõnumi märguande alates inline JavaScript koodi.

Tips & amp;Hoiatused

  • Lisa nii palju välist JavaScript lingid kui vaja.Iga external link loob kõne oma veebiserverisse.Kaasa nii vähe väliseid linke kui võimalik, et vähendada koormuse ajal.Võite ka panna inline "& lt; script & gt;"blokeerida kõikjal "& lt; body & gt;"osa HTML dokument.Kuid enamik arendajaid asetage see "& lt; head & gt;"Dokumendi osas.

Resources

  • W3Schools: JavaScript Õpetus
200
0
1
Java Script