Keskustelu: Yleinen keskustelu: HTML ja Javascript

Mitä HTML:llä ei voi tehdä jota javascriptillä voi?

Javascriptillä luodaan interaktiivisuutta.

Kuten mitä?Esimerkkejä?

Azure kirjoitti:

Esimerkkejä?

Kaikenlaiset ärsyttävät *blingbling*- ja *tööttööt*-jutut sivuilla.

Voihan sillä javascriptillä tehdä paljon muutakin, kuin ärsyttäviä juttuja.

Nettisivun pohjana on aina HTML-koodi, JavaScript on pelkkä lisä. JavaScript suoritetaan käyttäjän selaimessa.

JavaScriptillä voi muuttaa sivun sisältöä jälkeenpäin ilman uutta latausta. Myös hiiren ja näppäimistön tarkkailu onnistuu. Jos sivulla on lomake, JavaScriptillä voi tarkistaa sen tietoja ennen palvelimelle lähetystä. Siis JavaScriptillä voi tehdä kaikenlaista, kun varsinainen HTML-sivu on latautunut.

HTML on kuvauskieli: se kertoo sivun sisällön rakenteen. Se on täysin staattinen ja muuttumaton sellaisenaan.

JavaScript on ohjelmointikieli, jolla selaimessa on pääsy HTML-sivun Document Object Model (DOM) -muotoiseen rakenteeseen. Voit muuttaa DOMia sekä suorittaa laskutoimituksia, luoda erinäköisiä käyttäjän toimiin reagoivia tapahtumia ja niin edelleen. JavaScriptiä esiintyy myös nettiympäristön ulkopuolella, mm. jotkut ohjelmat käyttävät sitä omana skriptikielenään.

CSS määrittää sivun ulkoasun. Se vaikuttaa HTML-elementtien visuaalisiin asetuksiin. Mukana on myös muutama pseudovalitsin, jotka mahdollistavat jonkunlaista interaktiivisuutta (tärkeinpänä :hover). Järkevintä on toteuttaa kaikki ulkoasuun vaikuttava CSS:llä. Tyylin muuttaminen JavaScriptin kautta esim. style-arvoja muuttamalla ei ole yleensä paras tapa toimia. Yleensä on järkevintä muuttaa ID- ja class-attribuutteja tarpeen mukaan: näin CSS hoitaa tyylin (ja siten tyylittely on helppoa).

Lisäksi on palvelinpuolen ohjelmointikieliä, mm. PHP ja JSP, jotka "kutovat kasaan" HTML-sivuja. Ne vain sylkevät ulos lopullisen, valmiiksi käsitellyn tiedoston: ne eivät luo interaktiivisuutta itse sivulle. Validoinnit ynnä muut tulee suorittaa palvelinpuolella, vaikka ne suorittaisi myös asiakaspuolella JavaScriptillä. Tietoturvan takia.