Javascript-perusteet

• Saattaa 15, 2024

Javascript on hieno tapa lisätä interaktiivisuutta verkkosivustollesi. Pelkästään HTML: n avulla sivusi ovat täysin staattisia, mutta jos heität muutama Javascript-katkelma, sinulla voi olla sivusto, joka vastaa vierailijoiden toimiin ja paljon muuta.

Yksi asia, joka yleensä hämmentää web-kehittäjiä, on se, että Javascript ja Java kuulostavat paljon samanlaisilta. Oikeastaan ​​heillä ei ole mitään yhteistä! Java on ohjelmointikieli, kun taas Javascript on ehdottomasti skriptityökalu - se ei oikeastaan ​​ole tarpeeksi monimutkainen, jotta sitä voidaan pitää omana kielenään.

Kun olet valmis lisäämään Javascriptiä verkkosivustollesi, sinulla on useita vaihtoehtoja. Ensin voit kirjoittaa koodin omalle sivulleen ja kutsua sen sitten verkkosivun otsikkoon - tämä toimii aivan kuten CSS-sivun lisääminen, paitsi että sinun on myös lisättävä komento jonnekin verkkosivun runkoon komentosarjan aktivoimiseksi. Toiseksi voit kirjoittaa skriptin verkkosivun omaan otsikkoon; Sinun on jälleen lisättävä koodi sivun runkoon komentosarjan suorittamiseksi. Ja kolmanneksi, voit kirjoittaa koodin suoraan sivun runkoon. Tämä vaihtoehto on mahdollinen vain hyvin lyhyille skripteille - muuten sekaisin HTML-koodia melko huonosti!

Minne lisäät Javascript-koodisi, sinun on kerrottava selaimelle, että kirjoittamasi on tulkittava Javascriptinä. Voit tehdä tämän asettamalla koodin seuraavien tunnisteiden väliin:



Täydellisen HTML-vaatimustenmukaisuuden takaamiseksi on parasta lisätä attribuutti komentosarjatunnisteeseen, jotta vierailijasi selaimet tietävät varmasti, että se on Javascript eikä jokin muu komentosarja.



Lopuksi, ollakseen täysin turvallisella puolella, on viisasta kommentoida kaikki komentosarjojen välissä. Tällä tavoin, jos sinulla on vierailija, joka sattuu käyttämään esihistoriallista selainta, hän ei pääty näyttämään roskaa. Joten verkkosivusi Javascript näyttää noin:





Ja puhumalla kommentteista, voit lisätä kommentteja Javascriptiin niin paljon kuin mahdollista HTML: n ja CSS: n kanssa. Javascriptissa kommentit on merkitty // rivin alussa. Siksi sisällytät kaksi viilaa ennen loppukommenttia yllä olevaan esimerkkiin.

Video-Ohjeita: Koodataan ■ Matopeli (p5.js) (Saattaa 2024).