HTML JavaScript

JavaScript tekee HTML-sivuista dynaamisempia ja interaktiivisempia

Esimerkki

Ensimmäinen JavaScript-ohjelmani

Kokeile itse

HTML <script> -tagi

HTML <script> Tagi käytetään asiakaskäyttöisen skriptin (JavaScriptin) määrittämiseen.

<script> Elementti voi sisältää skriptikomentoja ja sitä voidaan käyttää src 属性 osoittaa ulkoiseen skriptitiedostoon.

JavaScriptin yleisimpiä käyttötarkoituksia ovat kuvien käsittely, lomakkeiden vahvistaminen ja sisällön dynaaminen muuttaminen.

Jos haluat valita HTML-elementin, JavaScriptin yleisimmin käytetty document.getElementById() Metodi.

Tämä JavaScript-esimerkki kirjoittaa "Hello JavaScript!" elementtiin, jolla on id="demo":

Esimerkki

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Kokeile itse

Vinkki:Voit löytää JavaScript oppituntio Opit lisää JavaScriptistä täältä.

JavaScriptin maku

Tässä on joitakin esimerkkejä JavaScriptin kyvistä:

Esimerkki

JavaScript voi muuttaa sisältöä:

document.getElementById("demo").innerHTML = "Hello JavaScript!";

Kokeile itse

Esimerkki

JavaScript voi muuttaa tyylejä:

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

Kokeile itse

Esimerkki

JavaScript voi muuttaa ominaisuuksia:

document.getElementById("image").src = "picture.gif";

Kokeile itse

HTML <noscript> -tagi

HTML <noscript> HTML -tagi määrittää korvaavan sisällön, joka näytetään käyttäjille, jotka ovat poistaneet käytöstä skriptit tai joilla on selain, joka ei tue skriptejä:

Esimerkki

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Anteeksi, selainsi ei tue JavaScriptiä!</noscript>

Kokeile itse

HTML Script -tagi

Tagi Kuvaus
<script> Määritä asiakasohjelma.
<noscript> Määritä korvaava sisältö käyttäjille, jotka eivät tue asiakasohjelmistoja tai joilla on selain, joka ei tue asiakasohjelmistoja.

Jos haluat kaikki saatavilla olevien HTML -tagien täydellisen listan, vieraile HTML -tagin viittausopas.