Miten lisätä JavaScript HTML

HTML-ja JavaScript teho World Wide Web . www laptop kuva photoeyes päässä Fotolia.com

HTML-sivun ilman JavaScript on kuin televisio ilman valvontaa.Molemmat näytön sisältö, mutta et voi tehdä paljon heidän kanssaan.JavaScript on ohjelmointikieli jonka avulla kehittäjät voivat lisätä visuaalisia tehosteita web-sivuja ja tehdä niistä vuorovaikutteinen.JavaScript yksinkertaisuus tekee siitä ihanteellisen kehittämistoimintaa noviisi verkko-ohjelmoijien.Lisää JavaScript Web-sivulle asettamalla sen suoraan sivun HTML tai sisältää viittauksen ulkoista JavaScript-tiedoston.

Ohjeet

  1. Napsauta "Käynnistä" ja kirjoita "Muistio."Paina "Enter."Muistio avautuu.Lisää tämän tekstin tiedosto:

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

  2. painamalla "CTRL + S" avaa "Tallenna nimellä" -ikkuna.Navigoida "Desktop" kansio, ja klikkaa "Uusi kansio" yläosassa ikkunan.Kirjoita "Test_HTML_JavaScript1" nimetä kansioon.

  3. Kaksoisnapsauta kansiota avataksesi sen.Kirjoita "External

    JavaScript.js" in "File Name" tekstikenttään ja paina "Tallenna".Muistio tallentaa tiedoston JavaScript tiedosto "Test_HTML_JavaScript1" -kansioon.

  4. Lisää seuraava koodi asiakirjaan:

    & lt;! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // FI" "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;Testi lisäämällä JavaScript HTML & lt; / h1 & gt;

    & lt; / body & gt;

    & lt; / html & gt;

    Tämä luo HTML-dokumentti sisältää otsikko.

  5. Lisää tämä teksti jälkeen "& lt; title & gt;"tag:

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

    Tämä lausuma lisätään viittaus ulkoiseen JavaScript-tiedoston.Selain suorittaa koodia kyseisen tiedoston kun Web sivu latautuu.

  6. Lisää tämä koodiosion kuluttua edellisestä koodi:

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

    var x = 1;

    var y = 2;

    var summa = x + y;

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

    alert (viesti);

    & lt; / script & gt;

    Tämä luo inline lohkon JavaScript-koodia.Koodi lisätään kaksi numeroa ja näyttää summan, kun selain kuormia.

  7. Valitse "File" ja valitse "Save As" avaa "Tallenna nimellä" -ikkuna.Kirjoita "Test_HTML_JavaScript.html" in "File Name" tekstikenttään ja paina "Tallenna".Muistio tallentaa tiedosto HTML-asiakirja samaan kansioon kuin ulkoisen JavaScript-tiedoston.

  8. Siirry työpöydälle ja etsi "Test_HTML_JavaScript1" -kansioon.Kaksoisnapsauttamalla sitä avata se.

  9. Kaksoisnapsauta "Test_HTML_JavaScript.html."Selaimen avaa ja näyttää viestin hälytys ulkoisesta JavaScript-tiedoston ja toisen viestin hälytyksen inline JavaScript-koodia.

Vinkkejä & amp;Varoitukset

  • Lisää niin monta ulkoisia JavaScript linkkejä kuin tarvitset.Jokainen ulkoinen linkki luo puhelun Web-palvelimeen.Sisällytä niin vähän ulkoisia linkkejä kuin mahdollista minimoida latausaikaa.Voit myös sijoittaa inline "& lt; script & gt;"lohko kaikkialla "& lt; body & gt;"osa HTML-asiakirja.Kuitenkin useimmat kehittäjät aseta se "& lt; head & gt;"osassa asiakirjaa.

Resurssit

  • W3Schools: JavaScript opetusohjelma
273
0
1
Java Script