‫ﺗﻢ ﺗﺤﻤﻴﻞ اﻟﻤﻠﻒ ﻣﻦ ﻣﻮﻗﻊ‬
‫اﻟﺒﻮﺻﻠﺔ اﻟﺘﻘﻨﻴﺔ‬
‫‪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)
{
Some code;
}
If(condition)
{
Some code
}
Else
{
Some code
‫اﻟﺮﺳﺎﻟﺔ‬
‫اﻟﺘﺤﺬﯾﺮﯾﺔ‬
‫اﻟﺘﻌﻠﯿﻘﺎت‬
‫اﻟﻤﺘﻐﯿﺮات‬
‫ﻟﺮﺑﻂ ﺳﻠﺴﺘﯿﻦ‬
‫ﻧﺼﯿﺘﯿﻦ‬
‫ﻋﻼﻣﺎت‬
‫اﻟﮭﺮوب اﻟﻤﺘﺘﺎﺑﻊ‬
‫اﻟﺪوال‬
‫اﻟﻤﻌﺎﻣﻼت‬
‫اﻟﻤﻨﻄﻘﯿﺔ‬
If
If è else
}
Switch (var1)
{
Case 1:
Code;
Break;
Case n;
Code;
Break;
Default:
Code;
}
For(start;end;condition)
{
Some code
}
While(condition)
{
Some code
}
switch
Do
{
Code
}
While(cond);
Var now = new Date()
Alert(now);
Now.getHours
Now.getMinutes
Do – while
For
while
‫ﻟﻌﺮض اﻟﺘﺎرﯾﺦ‬
‫واﻟﻮﻗﺖ‬
‫ﻣﻌﻠﻮﻣﺎت‬
‫اﻟﻌﻨﺼﺮ‬
Now.getSeconds
Now.getDay
Now.getYear
Now.getMonth
Now.getTimezoneOffset
Now.setFullYear
Now.setHours
Now.setMonth
Now.setMinutes
Now.setSeconds
Now.setDate
Document.bgColor=''
DATE
‫ﻟﺘﻐﯿﯿﺮ ﻟﻮن‬
‫اﻟﺼﻔﺤﺔ‬
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‬‬
‫ﻟﻠﺤﺼﻮل ﻋﻠﻲ‬
‫ﻣﺤﺘﻮﯾﺎت‬
‫ﻋﻨﺼﺮ ﻣﺎ ﻓﻲ‬
‫اﻟﻔﻮرم او ﻟﺘﻐﯿﯿﺮ‬
‫ﺧﺎﺻﯿﺔ ﻣﺎ‬
‫ﻟﻌﻨﺼﺮ‬
‫ﻟﺘﺼﻤﯿﻢ ﺷﺮﯾﻂ ﻧﻘﻮم ﺑﻌﻤﻞ ﻃﺒﻘﺘﺎن واﺣﺪ ﻋﺪﯾﻤﺔ اﻟﺨﻠﻔﯿﺔ وﻟﮭﺎ ﺣﺪود واﻻﺧﺮي ﺑﻠﻮن‬
‫ازرق ﻓﻮﻗﮭﺎ وﻋﺮﺿﮭﺎ ﺻﻔﺮ وﻧﻘﻮم ﺑﺰﯾﺎدة ﻋﺮﺿﮭﺎ ﺣﺴﺐ اﻟﺘﻘﺪم‬
‫ﺗﻘﺪم‬
‫ﺣﺘﻲ ﺗﺼﻞ اﻟﻲ ﻋﺮض اﻟﻄﺒﻘﺔ اﻻوﻟﻲ ﺣﯿﻨﮭﺎ ﯾﺘﻮﻗﻒ اﻟﺘﻘﺪم‬