Javascript սքրիփթային լեզվի հիմունքները մաս 2



HTML,CSS, Javascript դասընթացի համար

Կառավարող կառուցվածքներ

if ... else, switch ....

if ... else if ... else


if(a>=5)  //օրինակ a=5
{
	//անել որևէ բան
}
else if(a>=3) //օրինակ a=4
{
	//անել մեկ այլ բան
}
else  //բոլոր մնացած դեպքերում  
{
	//անել լրիվ այլ մի բան
}


switch


var tari=prompt("Ներմուծեք տարին");
switch (tari)
{
case 1988:
  x="Արցախյան ազատամարտ և Սպիտակի երկրաշարժ";
  break;
case 1991:
  x="ՀՀ Անկախություն";
  break;
 case 1992:
  x="Շուշիի ազատագրում";
  break; 
default:
  x="Ոչ մի նշանակալից բան";
}

Պայմանական վերագրում

Որևէ պայմանից կախված վերագրման ստանդարտ ձևը այսպիսին է

if(tariq>18)
{
	status = "Չափահաս";
}
else
{
	status = "Անչափահաս";
}

Բայց կա ավելի կարճ գրելաձև


status=(tariq>18)?"Չափահաս":"Անչափահաս";

Ցիկլեր

for,while,do ...

For

for(var i=0; i<=10; i++){ 
	alert(i);
}

For

for(var i=20; i>=10; i--){ 
	alert(i);
}

For-ի կրճատ գրելաձևեր


var cars = ["BMW", "Yeraz","Mercedes"];	

//կարելի է գրել այսպես
var i=0,len=cars.length;
for (; i〈=len; i++)
{ 
document.write(cars[i] + "
"); } //կամ էլ գրել այսպես var i=0,len=cars.length; for (; i〈len; ) { document.write(cars[i] + "
"); i++; }

While


var i = 15;
while(i>5) //քանի դեռ ճշմարիտ է i>5 արտահայտությունը
{
	document.write(i + "
"); i--; }

Do While


do
  {
  //ինչ որ գործողություններ
  }
while (а〈15); //քանի դեռ պայմանը ճշմարիտ է

While vs Do While

While


var i = 1;
while(i!=1)
{
	alert(i);
}

Do While


var i=1;
do {
	alert(i);
} while (i!=1);

այս օրինակներից առաջինը ոչինչ չի արտածի

break և continue


for (i=0;i〈10;i++)
  {
  if (i==3)
    {
    break;
    }
  x=x + "Թիվը հավասար է" + i + "
"; }

for (i=0;i〈=10;i++)
 {
 if (i==3) continue;
  x=x + "The number is " + i + "
"; }

Սխալների մշակում


try
{
	baradiFunkcia("արգումենտ");
}
catch(err)
{
	msg="Սխալ է տեղի ունեցել";
	msg+=err.message;
	alert(msg);
}

ֆունկցիաներ

Ընդհանուր տեսքը


function functionName(a,b,c)
{
	var d = a + b + c;
	return d;

}

  • Ֆունկցիան կարող է չունենալ արգումենտներ։
  • Կարող է չվերադարձնել արժեք

Լոկալ և գլոբալ փոփոխականներ

կյանքի տևողությունը

  • Լոկալը ապրում է քանի դեռ կատարվում է ֆունկցիան
  • Գլոբալը ապրում է քանի դեռ էջը փակված չէ

Javascript


function function1(){
	alert("Բարիլուս");
}

HTML




HTML մանիպուլյացիաներ

document.getElementById() մեթոդով

Վերցնում ենք որևէ էլեմենտի ներքին html-ը

HTML

ինչ որ պարագրաֆ

Javascript


function getInnerHTML()
{
var ObjectMiId = document.getElementById("myid");
var inner =  ObjectMiId.innerHTML;
alert(inner);
}

ինչ որ պարագրաֆ

փոխում ենք օբյեկտի ներքին html-ը

HTML

ինչ որ պարագրաֆ

Javascript

function setInnerHTML()
			{
							var myPar = document.getElementById("id1");
							myPar.innerHTML="փոխված պարագրաֆ";
							}

ինչ որ պարագրաֆ