‫ﺗﻢ ﺗﺤﻤﻴﻞ اﻟﻤﻠﻒ ﻣﻦ ﻣﻮﻗﻊ‬

‫اﻟﺒﻮﺻﻠﺔ اﻟﺘﻘﻨﻴﺔ‬
‫‪www.boosla.com‬‬
 ‫ﺑﺴﻢ اﷲ اﻟﺮﺣﻤﻦ اﻟﺮﺣﯿﻢ‬
'alert("text"); ‫اﻟﺮﺳﺎﻟﺔ‬
‫اﻟﺘﺤﺬﯾﺮﯾﺔ‬
/* ‫* اﻟﺘﻌﻠﯿﻖ‬/ ‫ و‬// ‫اﻟﺘﻌﻠﯿﻘﺎت‬
Var1 = "some value"; ‫اﻟﻤﺘﻐﯿﺮات‬
Var1 + var2 ‫ﻟﺮﺑﻂ ﺳﻠﺴﺘﯿﻦ‬
‫ﻧﺼﯿﺘﯿﻦ‬
\n new line ‫ﻋﻼﻣﺎت‬
\' to write ' ‫اﻟﮭﺮوب اﻟﻤﺘﺘﺎﺑﻊ‬
\" to write "
\\ to write \

'function fun_name(par1,par2,par3) ‫اﻟﺪوال‬

{
Some code;
}
‫ﺗﻌﺮف ﻓﻲ اﻟﮭﯿﺪر‬
&& è and ‫اﻟﻤﻌﺎﻣﻼت‬
|| è or ‫اﻟﻤﻨﻄﻘﯿﺔ‬
! è not
If(condition) If
{
Some code;
}
If(condition) If è else
{
Some code
}
Else
{
Some code
 }

Switch (var1) switch

{
Case 1:
Code;
Break;
Case n;
Code;
Break;
Default:
Code;
}
For(start;end;condition) For
{
Some code
}
While(condition) while
{
Some code
}

Do Do – while
{
Code
}
While(cond);
Var now = new Date() ‫ﻟﻌﺮض اﻟﺘﺎرﯾﺦ‬
Alert(now); ‫واﻟﻮﻗﺖ‬
Now.getHours ‫ﻣﻌﻠﻮﻣﺎت‬
Now.getMinutes ‫اﻟﻌﻨﺼﺮ‬
 Now.getSeconds DATE
Now.getDay
Now.getYear
Now.getMonth
Now.getTimezoneOffset
Now.setFullYear
Now.setHours
Now.setMonth
Now.setMinutes
Now.setSeconds
Now.setDate
Document.bgColor='' ‫ﻟﺘﻐﯿﯿﺮ ﻟﻮن‬
‫اﻟﺼﻔﺤﺔ‬
Document.fgColor='' ‫ﻟﺘﻐﯿﯿﺮ ﻟﻮن اﻟﺨﻂ‬
Window.status='text'; ‫ﻟﺘﻐﯿﯿﺮ اﻟﻜﻼم ﻓﻲ‬
‫ﺷﺮﯾﻂ اﻟﺤﺎﻟﺔ‬
‫ﻟﻠﻤﺘﺼﻔﺢ‬
‫ﻣﺜﻞ ﻧﻘﺮة اﻟﻔﺎرة‬ ‫اﻻﺣﺪاث‬
‫ﺿﻐﻂ زر‬
....‫اﻟﺦ‬
'onMouseOver ‫ﺣﺪث ﻣﺮور‬
‫اﻟﻔﺎرة‬
'onSubmit ‫ﺣﺪث اﻻدﺧﺎل‬
'onLoad ‫ﺣﺪث ﺗﺤﻤﯿﻞ‬
‫اﻟﻌﻨﺼﺮ‬
'onUnLoad ‫ﺣﺪث اﻟﺨﺮوج‬
‫ﻣﻦ اﻟﺼﻔﺤﺔ‬
'document.formname.element.property ‫ﻟﺘﺤﺪﯾﺪ ﻋﻨﺼﺮ‬
‫ﻣﻦ اﻟﻔﻮرم‬
Number(x) + Number(y) ‫ﻻﺳﺘﺨﺪام ﻋﻤﻠﯿﺔ‬
‫اﻟﺠﻤﻊ‬
‫ﻟﻔﺤﺺ ﺣﺎﻟﺔ ادوات اﻟﺮادﯾﻮ ﻻﻧﮭﻢ اﺳﻢ واﺣﺪ ﻧﺴﺘﺨﺪﻣﮭﻢ ﻛﻤﺼﻔﻮﻓﺔ‬ ‫اﺳﺘﺨﺪام ادوات‬
‫ﻓﻨﻘﻮل اﻟﻌﻨﺼﺮ ‪ 0‬او ‪ 1‬او ‪ 2‬اﻟﺦ‬ ‫اﻟﺮادﯾﻮ‬
‫)"‪'window.open("URL","Pagename","Property‬‬ ‫ﻟﻔﺘﺢ ﺻﻔﺤﺔ‬
‫اﻟﺨﺼﺎﺋﺾ ﻛﺎﻟﺘﺎﻟﻲ‬ ‫ﺟﺪﯾﺪة‬
‫‪'menubar=yes or no‬‬
‫‪Width‬‬
‫‪Height‬‬
‫‪Left‬‬
‫‪Top‬‬
‫‪Resizeable‬‬
‫‪Status‬‬

‫ﻟﻠﺘﺤﻜﻢ ﻓﻲ ﺻﻔﺤﺔ ﻓﺘﺤﻨﺎھﺎ‬ ‫اﻟﺘﺤﻜﻢ ﻓﻲ‬

‫ﯾﺘﻢ وﺿﻊ اﻣﺮ اﻟﻔﺘﺢ ﻓﻲ ﻣﺘﻐﯿﺮ‬ ‫ﺻﻔﺤﺔ ﻓﺘﺤﻨﺎھﺎ‬
‫ﺛﻢ ﻧﺘﻌﺎﻣﻞ ﻣﻊ اﻟﺼﻔﺤﺔ ﻋﻠﻲ اﻧﮭﺎ اﻟﺼﻔﺤﺔ اﻟﺘﻲ ﻧﺘﻌﺎﻣﻞ ﻣﻌﮭﺎ‬
‫ﺑﺎﻻواﻣﺮ‬
‫‪Document‬‬
‫‪Window‬‬
‫اﻟﺦ‬
‫"‪Var1.document.write"sdasdasd‬‬

‫;)(‪Window.close‬‬ ‫ﻹﻏﻼق ﻧﺎﻓﺬة‬

‫اﻟﻨﻘﺮ اﻟﻤﺰدوج ‪ondblclick‬‬ ‫اﻻﺣﺪاث‬

‫ﺧﺮوج اﻟﻔﺎرة‪onMouseOut‬‬
‫ﻋﻨﺪ اﻟﻨﻘﺮ ‪onMouseDown‬‬
‫اﻟﻀﻐﻂ ﻋﻠﻲ اي ﻣﻔﺘﺎح‪onkeypress‬‬
‫ﻋﻨﺪ ﺗﺤﺪﯾﺪ اﻟﻜﺎﺋﻦ‪onfocus‬‬
‫ﻋﻨﺪ ﻃﻠﺐ اﻟﻤﺴﺎﻋﺪة ‪onhelp‬‬
‫ﻋﻨﺪ ﺗﻐﯿﯿﺮ ﺣﺠﻢ اﻟﺼﻔﺤﺔ ‪onresize‬‬
 ‫ﻋﻨﺪ ﺗﻤﺮﯾﺮ اﻃﺎر اﻟﺼﻔﺤﺔ‪onscroll‬‬
‫اﺛﻨﺎء ﺿﻐﻂ اﻟﻤﺴﺘﺨﺪم رز ﻣﻦ اﻟﻠﻮﺣﺔ‪onKeyDown‬‬
‫اﺛﻨﺎء اﻃﻼق اﻟﻤﺴﺘﺨﺪم اﻟﺮز‪onKeyUp‬‬

‫ﻣﺮﺑﻌﺎت اﻟﺤﻮار ;)"‪Alert("text‬‬

‫;)"‪Confirm("prompt‬‬
‫;)"‪Prompt("text","value‬‬
‫>‪<script src="file.js"></script‬‬ ‫ﻟﺘﻀﻤﯿﻦ ﻣﻠﻒ‬
‫ﺟﺎﻓﺎ ﻓﻲ اﻟﺼﻔﺤﺔ‬
‫‪v>10 ? true : false‬‬ ‫ﺟﻤﻠﺔ ﻣﻘﺎرﻧﺔ‬
‫ﺟﺪﯾﺪة‬
‫ﻟﻠﻜﺘﺎﺑﺔ ﻓﻲ ﺟﺰء >‪<div id="name"></div‬‬
‫ﻟﻠﺘﻌﺎﻣﻞ ﻣﻌﮫ‬ ‫ﻣﻌﯿﻦ ﻣﻦ‬
‫;"‪Name.innerHTML="new text or code‬‬ ‫اﻟﺼﻔﺤﺔ‬
‫واﻟﺘﻌﺎﻣﻞ ﻣﻌﮫ‬
‫)اﻟﻄﺒﻘﺎت‬
‫اﻟﺪاﻟﺔ اﻟﺘﺎﻟﯿﺔ ﺗﻔﻲ ﺑﺎﻟﻐﺮض‬ ‫ﻟﻠﺘﻌﺎﻣﻞ ﻣﻊ‬
‫;)‪setTimeout("function()",time in milleseconds‬‬ ‫اﻻﺟﺰاء ﻓﻲ‬
‫وﺗﻘﻮم ھﺬه اﻟﺪاﻟﺔ ﺑﻌﻤﻞ ﺗﺎﯾﻤﺮ وﻻﺳﺘﻤﺮار اﻟﺘﺎﯾﻤﺮ ﺗﻀﻌﺔ ﻓﻲ داﻟﺔ‬ ‫اﻟﺼﻔﺤﺔ‬
‫وﺗﻘﻮم ﺑﺎﺳﺘﺪﻋﺎء اﻟﺪاﻟﺔ ﻓﻲ ﻧﻔﺴﮭﺎ‬ ‫وﺗﻐﯿﯿﺮھﺎ ﻣﻊ‬
‫وﻗﺖ ﻣﺤﺪد‬
‫ﻟﻌﻤﻞ ﻃﺒﻘﺔ ﻓﻲ "‪<SPAN id="name it here‬‬
‫اﻟﺼﻔﺤﺔ واﻟﺘﺤﻜﻢ >";‪style="position:absolute;left:50;top:40‬‬
‫>‪</SPAN‬‬ ‫ﺑﮭﺎ‬
‫ﻟﺠﻠﺐ إﺣﺪاﺛﯿﺎت ‪Xpos=event.x‬‬
‫‪Ypos=event.y‬‬ ‫اﻟﻤﺎوس‬
‫;‪Document.onmousemove=function‬‬ ‫ﺣﺪث اﻟﻤﺮور‬
‫ﻋﻠﻲ اﻟﺼﻔﺤﺔ‬
‫ﻟﺠﻌﻞ اي ﺷﻲء ‪div_id.style.top=new value‬‬
‫‪div_id.style.left=new value‬‬ ‫ﯾﺘﺤﺮك ﻣﻦ‬
‫ﻣﻊ اﻟﻌﻠﻢ ان ‪ div_id‬ھﻮ اﻻي دي ﻟﻠﻄﺒﻘﺔ وﯾﺠﺐ وﺿﻊ اﺳﺘﺎﯾﻞ ﻟﮭﺎ‬ ‫ﻣﻜﺎﻧﺔ‬
 ‫ﻛﺎﻟﺘﺎﻟﻲ‬
‫"‪style="position:relative;top:0px;left:0px‬‬
‫‪Formname.itemname.value‬‬ ‫ﻟﻠﺤﺼﻮل ﻋﻠﻲ‬
‫ﻣﺤﺘﻮﯾﺎت‬
‫ﻋﻨﺼﺮ ﻣﺎ ﻓﻲ‬
‫اﻟﻔﻮرم او ﻟﺘﻐﯿﯿﺮ‬
‫ﺧﺎﺻﯿﺔ ﻣﺎ‬
‫ﻟﻌﻨﺼﺮ‬
‫ﻟﺘﺼﻤﯿﻢ ﺷﺮﯾﻂ ﻧﻘﻮم ﺑﻌﻤﻞ ﻃﺒﻘﺘﺎن واﺣﺪ ﻋﺪﯾﻤﺔ اﻟﺨﻠﻔﯿﺔ وﻟﮭﺎ ﺣﺪود واﻻﺧﺮي ﺑﻠﻮن‬
‫ازرق ﻓﻮﻗﮭﺎ وﻋﺮﺿﮭﺎ ﺻﻔﺮ وﻧﻘﻮم ﺑﺰﯾﺎدة ﻋﺮﺿﮭﺎ ﺣﺴﺐ اﻟﺘﻘﺪم‬ ‫ﺗﻘﺪم‬
‫ﺣﺘﻲ ﺗﺼﻞ اﻟﻲ ﻋﺮض اﻟﻄﺒﻘﺔ اﻻوﻟﻲ ﺣﯿﻨﮭﺎ ﯾﺘﻮﻗﻒ اﻟﺘﻘﺪم‬