JavaScript HTML oldalon - WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS

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:

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
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.
charset	charset	Megadja a script fájl karakterkódolását.
defer	defer	A szkript futtatásának elhalasztása az oldal betőtésének végéig..
src	URL	Megadja a script fájl forrását.
type	MIME-típus	MIME-típusát. Lehet: text/javascript (alapértelmezett); text/ecmascript; application/ecmascript; application/javascript; text/vbscript

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