Scribd
Upload
8 views7 pages

java_design

The document provides a comprehensive overview of JavaScript programming concepts, including variables, functions, conditional statements, loops, and event handling. It also covers various methods for manipulating the Document Object Model (DOM) and handling user interactions. Additionally, it includes examples of syntax and usage for common JavaScript functions and events.

Uploaded by

Abdulrahman
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
8 views7 pages

java_design

The document provides a comprehensive overview of JavaScript programming concepts, including variables, functions, conditional statements, loops, and event handling. It also covers various methods for manipulating the Document Object Model (DOM) and handling user interactions. Additionally, it includes examples of syntax and usage for common JavaScript functions and events.

Uploaded by

Abdulrahman
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

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

‫اﻟﺒﻮﺻﻠﺔ اﻟﺘﻘﻨﻴﺔ‬
‫‪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‬‬ ‫ﻟﻠﺤﺼﻮل ﻋﻠﻲ‬
‫ﻣﺤﺘﻮﯾﺎت‬
‫ﻋﻨﺼﺮ ﻣﺎ ﻓﻲ‬
‫اﻟﻔﻮرم او ﻟﺘﻐﯿﯿﺮ‬
‫ﺧﺎﺻﯿﺔ ﻣﺎ‬
‫ﻟﻌﻨﺼﺮ‬
‫ﻟﺘﺼﻤﯿﻢ ﺷﺮﯾﻂ ﻧﻘﻮم ﺑﻌﻤﻞ ﻃﺒﻘﺘﺎن واﺣﺪ ﻋﺪﯾﻤﺔ اﻟﺨﻠﻔﯿﺔ وﻟﮭﺎ ﺣﺪود واﻻﺧﺮي ﺑﻠﻮن‬
‫ازرق ﻓﻮﻗﮭﺎ وﻋﺮﺿﮭﺎ ﺻﻔﺮ وﻧﻘﻮم ﺑﺰﯾﺎدة ﻋﺮﺿﮭﺎ ﺣﺴﺐ اﻟﺘﻘﺪم‬ ‫ﺗﻘﺪم‬
‫ﺣﺘﻲ ﺗﺼﻞ اﻟﻲ ﻋﺮض اﻟﻄﺒﻘﺔ اﻻوﻟﻲ ﺣﯿﻨﮭﺎ ﯾﺘﻮﻗﻒ اﻟﺘﻘﺪم‬

You might also like