WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

JavaScript HTML oldalon



Név Angol eredete Hatás Jellemzők
<script> Script Kliens oldali szkript (pl. JavaScript) beillesztése a HTML kódba. Páros címke. Általános ; Események
<noscript> No script Tartalma akkor kerül megjelenítésre, ha egy script nem képes lefutni. Páros címke. Általános ; Események
A következő böngészők támogatják: Chrome logó Firefox logó Safari logó Opera logó

A kliens oldali szkriptek, köztük a JavaScript) értelmezése és végrehajtása a böngésző feladata. A szkriptek forráskódját a szerver elküldi a felhasználó (kliens) számítógépének.

Szkripteket írhatunk a weboldal HTML kódjában, vagy külső erőforrásként beilleszthetjük a szkripteket tartalmazó fájlokat.

A script elem jellemzői:


Név Érték Leírás Böngészők
async async Ha megadjuk, akkor a szkript végrehajtása aszinkron módon, az oldal tövábbi tartalmának betöltésével és elemzésével párhuzamosan történik. Chrome logó Firefox logó Safari logó Opera logó IE logó
charset charset Megadja a script fájl karakterkódolását. Chrome logó Firefox logó Safari logó Opera logó IE logó
defer defer A szkript futtatásának elhalasztása az oldal betőtésének végéig.. Chrome logó Firefox logó Safari logó Opera logó IE logó
src URL Megadja a script fájl forrását. Chrome logó Firefox logó Safari logó Opera logó IE logó
type MIME-típus MIME-típusát. Lehet: text/javascript (alapértelmezett); text/ecmascript; application/ecmascript; application/javascript; text/vbscript Chrome logó Firefox logó Safari logó Opera logó IE logó



Példa 1:

JavaScript a dokumentum törzsében. A „JavaScript írt a képernyőre” szöveget írja a képernyőre.

Forráskód



<body>
 <script>
    document.write("JavaScript írt a képernyőre. :)")
 </script>
 <noscript>A JavaScript használata nincs engedélyezve!</noscript> 
</body>
 

Eredmény*



Példa 2:

JavaScript a dokumentumfejben. A nyomógombra kattintva egy üzenetablakot nyit meg.

Forráskód



<head> 
...
  <script>
    function msg()
   {
      alert("Hahó Öcsi!");
    }
  </script>
</head>
<body>       
   <h2>JavaScript használata 2</h2>
   <form action="html5_button.php"  method="post">
      <button type="button" onclick="msg()" value="Hahó Öcsi!">Hahó Öcsi!</button>
   </form>
</body>
 

Eredmény*



Példa 3:

JavaScript a dokumentumtörzsben. A nyomógombra kattintva felülírja a bekezdés szövegét.

Forráskód



<body>       
  <h2>JavaScript használata 3</h2>

  <p id="demo"> Ide jön a szöveg </p>

  <script>
        function myFunction()
        {
           document.getElementById("demo").innerHTML="Helló!";
        }
  </script>

      <button type="button" onclick="myFunction()">Katt ide!</button>

</body>
 

Eredmény*


* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: html5_JavaScript_1.html