Javascript in limbajul HTML

JavaScript este un limbaj de tip script specializat, folosit des in dezvoltarea paginilor web. Javascript extinde capacitatile HTML, adaugand dinamism in paginile utilizatorilor.

Ce este un script? Un script este o parte de program scrisa intr-un limbaj specific cum ar fi: JavaScript, VB-Script, PHP script.

JavaScript nu este Java, nu are legatura cu aceata, Java fiind un limbaj de programare de nivel inalt, iar JavaScript un limbaj de scripting. Ambele au in comun sintaxa C, Javascript a insprat multe din specificatiile si conventii de nume Java.

Javascript este folosit de exemplu pentru:

Deschiderea unei ferestre noi de tip popup
Validarea formularelor web
Schimbarea imaginilor la trecerea cu mouse-ul peste ele

Codul dintre etichetele <script> si </script> sunt interpretate de browserul web ca fiind cod JavaScript.

Tutorial HTML - exemple JavaScript:

1. Exemplu "Hello World" cu Javascript:

<html>
<head>
<title>Hello World - Javascript</title>

<script type="text/javascript">

function hello_world() {
   alert ("Hello World!");
}

</script>

</head>
<body>

<a href="javascript:hello_world()">Spune Hello!</a>

</body>
</html>

Incearca Hello World

2. Exemplu schimbare imagine (rollover image)

<html>
<head>
<title>Schimbare imagine</title>
<script language="javascript">
<!--

function schimba(img_name, img_src) {
   document[img_name].src = img_src;
}

//-->
</script>
</head>
<body>

<h1>Imagini care se schimba intre ele - Google sau Yahoo?</h1>
<h2>Mutati mouse-ul deasupra imaginii</h2>

<a href="schimbare_imagine.html"
onmouseover="schimba('sub_but', 'http://www.google.ro/images/nav_logo.png')"
onmouseout="schimba('sub_but', 'http://l.yimg.com/a/i/ww/beta/y3.gif')">
<img SRC="http://l.yimg.com/a/i/ww/beta/y3.gif" border="0" alt="Muta mouse-ul" name="sub_but">
</a>

</body>
</html>

Incearca cum se schimba logo-ul Yahoo cu Google

Adauga acesta pagina la: