logo

JavaScript esimerkki

  1. JavaScript esimerkki
  2. body tagin sisällä
  3. Päätunnisteen sisällä

Javascript-esimerkki on helppo koodata. JavaScript tarjoaa 3 paikkaa JavaScript-koodin sijoittamiseen: body-tunnisteeseen, head-tunnisteeseen ja ulkoiseen JavaScript-tiedostoon.

Luodaan ensimmäinen JavaScript-esimerkki.

 document.write('JavaScript is a simple language for javatpoint learners'); 
Testaa nyt

The käsikirjoitus -tunniste määrittää, että käytämme JavaScriptiä.

The teksti/javascript on sisältötyyppi, joka antaa selaimelle tietoja tiedoista.

The document.write() -toimintoa käytetään dynaamisen sisällön näyttämiseen JavaScriptin kautta. Opimme dokumenttiobjektista yksityiskohtaisesti myöhemmin.


3 paikkaa JavaScript-koodin asettamiseen

  1. html:n body-tunnisteen välissä
  2. html:n head-tunnisteen välissä
  3. .js-tiedostossa (ulkoinen JavaScript)

1) JavaScript-esimerkki: koodi body-tunnisteen välissä

Yllä olevassa esimerkissä olemme näyttäneet dynaamisen sisällön JavaScriptin avulla. Katsotaanpa yksinkertainen esimerkki JavaScriptistä, joka näyttää hälytysvalintaikkunan.

 alert('Hello Javatpoint'); 
Testaa nyt

2) JavaScript-esimerkki: koodi head-tunnisteen välissä

Katsotaanpa samaa esimerkkiä head-tagin sisällä olevan JavaScript-hälytysvalintaikkunan näyttämisestä.

Tässä esimerkissä luomme funktion msg(). Jos haluat luoda funktion JavaScriptissä, sinun on kirjoitettava funktio funktiolla funktion_nimi alla kuvatulla tavalla.

Jotta voit soittaa toiminnon, sinun on työskenneltävä tapahtuman parissa. Tässä käytämme onclick-tapahtumaa kutsumaan msg()-funktiota.

 function msg(){ alert(&apos;Hello Javatpoint&apos;); } <p>Welcome to JavaScript</p> 
Testaa nyt