Sign in to follow this  
Cornel Iulian

Introducere in Javascript

1 post in this topic

Introducere:

Ce este JavaScript ?

  • este un limbaj de scripting
  • este un limbaj client-side
  • este gratis, nu necesita licenta!
  • a fost creat pentru a da interactivitate paginilor web
  • este deobicei inclus in codul HTML

 

ATENTIE!!!

* JavaScript NU este acelasi lucru cu Java !

* Java este un limbaj de programare avansat ! [ din categoria 'C'-urilor]

 

Hai sa incepem...

Apropo, pentru a incepe sa invatati JavaScript trebuie sa stiti HTML !

 

Ignorand elementele de HTML (<html> , <body> ....) , observam scriptul nostru:

 

<script type="text/javascript">

document.write("PCTecuci.ro")

</script>
Sa incepem cu codul:
<script type="text/javascript">Scriptul nostru</script>

 

Ce face acest cod ? Ei bine, ii spune browserului unde incepe si unde se termina scriptul nostru.

document.write("PCTecuci.ro")

Ce se intampla aici ? E destul de usor...

 

document.write("")

este sintaxa care ii spune browserului sa scrie pe pagina noastra textul definit. Deci pana acum i-am 'comandat' browserului sa scrie un anumit text pe o pagina, nu-i rau pentru cateva minute ... Cum putem pune niste commenturi sau indicatii in interiorul scriptului fara sa afecteze cu ceva ? Si aici este destul de simplu doar introduceti:

 

<!-- Comentariu sau indicatie //-->

Cum putem pune niste scripturi inafara unei pagini web dar ele sa fie executate ? Introducand codul de mai jos:

 
<script src="numele_scriptului_nostru.js"></script>

Foarte mare atentie, in fisierul nostru .js nu mai introducem tagurile <script> </script> Adaugam doar continutul scriptului, in exemplul meu:

document.write("PCTecuci.ro")

Conditional Statements Cu siguranta ati auzit de if...else si nu ati stiut ce sunt sau ce fac de fapt... Sa incepem cu cu if: Sintaxa:

if (conditie)

{

codul care va executat daca conditia este adevarata

}

Exemplu:

<script type="text/javascript">
var data=new Date()
var timp=data.getHours()

if (timp<11)
{
document.write("Bun venit pe <b>PCTecuci.ro</b>!")
}
</script>

 

Ce face codul de mai sus ? In primul rand: var data=new Date() Stocheaza data curenta in variabila 'data'. var timp=data.getHours() Folosind o functie a lui: new Date() , codul de mai sus stocheaza ora curenta in variabila 'timp'. if (timp<11) { document.write("Bun venit pe <b>PCTecuci.ro</b>!") } Daca variabila 'timp' esta mai mica de '11' , folosind comanda document.write se va afisa textul: Bun venit pe PCTecuci.ro!, presupun ca ati observat ca am folosit tag-urile: <b></b>, deci PCTecuci.ro va fi afisat bolduit(ingrosat). Dar daca am vrea sa afiseze ceva chiar daca 'timp' nu este mai mica de '11', cum facem ? Aici intervine else! Sintaxa:

 
if (conditie)

{

cod care va fi executat daca conditia este adevarata

}

else

{

cod care va fi executat daca conditia nu este adevarata

}

Exemplu:

<script type="text/javascript">
var data=new Date()
var timp=data.getHours()

if (timp<11)
{
document.write("Bun venit pe <b>PCTecuci.ro</b>!")
}
else
{
document.write("PCTecuci.ro")
}
</script>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this