خانه / مقالات اموزشی / اموزش جاوا اسكريپت / ﺁﺑﺠﮑﺖ ﻫﺎ جاوا اسكريپت
آموزش JAVASCRIPT
آموزش JAVASCRIPT

ﺁﺑﺠﮑﺖ ﻫﺎ جاوا اسكريپت

ﺩﺭﺱ ﭘﻨﺠﻢ- ﺁﺑﺠﮑﺖ ﻫﺎ

ﺍﺯ ﺁﻧﺠﺎ ﮐﻪ ﺯﺑﺎﻥ ﺑﺮﻧﺎﻣﻪ ﻧﻮﻳﺴﯽ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﻳﮏ ﺯﺑﺎﻥ ﺁﺑﺠﮑﺖ ﮔﺮﺍ (Object Oriented) ﻣﯽ‌ﺑﺎﺷﺪ ﭘﻴﺶ ﺍﺯ ﻓﺮﻭ ﺭﻓﺘﻦ ﺑﻴﺸﺘﺮ ﺑﻪ ﻣﻔﺎﻫﻴﻢ ﻋﻤﻮﻣﯽ ﺑﺮﻧﺎﻣﻪ ﻧﻮﻳﺴﯽ، ﮐﻤﯽ ﺑﺎ ﺍﻳﻦ ﻭﻳﮋﮔﯽ (ﺁﺑﺠﮑﺖ ﮔﺮﺍﻳﯽ) ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﺁﺷﻨﺎ ﻣﯽ‌ﺷﻮﻳﻢ. ﺑﻪ ﻫﻤﻴﻦ ﺧﺎﻃﺮ ﺩﺭﺱ ﭘﻨﺠﻢ ﺭﺍ ﺑﻪ ﺷﺮﺡ ﻣﻔﺎﻫﻴﻢ ﺁﺑﺠﮑﺖ ﮔﺮﺍﻳﯽ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﻭ ﺩﻳﮕﺮ ﻣﺘﻌﻠﻘﺎﺗﺶ ﺍﺯ ﻗﺒﻴﻞ ﺭﻭﻳﺪﺍﺩ، ﻣﺘﺪ ﻭ… ﺍﺧﺘﺼﺎﺹ ﻣﯽ‌ﺩﻫﻴﻢ.

ﺁﺑﺠﮑﺖ (ﺷﯽ) Objects
ﻣﺎ ﺩﺭ ﺯﻧﺪﮔﯽ ﺭﻭﺯﻣﺮﻩ ﺧﻮﺩ ﺑﺎ ﻣﻔﻬﻮﻡ ﺁﺑﺠﮑﺖ ﺁﺷﻨﺎﻳﯽ ﮐﺎﻣﻞ ﺩﺍﺭﻳﻢ ﻭ ﻫﺮ ﺭﻭﺯﻩ ﺩﺭ ﺍﻃﺮﻑ ﺧﻮﺩ ﺍﺯ ﺍﻳﻦ ﺁﺑﺠﮑﺖﻫﺎ ﺍﺳﺘﻔﺎﺩﻩ ﻣﯽ‌ﮐﻨﻴﻢ. ﺑﺮﺍﯼ ﺗﻮﺿﻴﺢ ﺳﺎﺩﻩ ﺍﻳﻦ ﻣﻔﻬﻮﻡ ﻣﻌﻤﻮﻻ ﺍﺯ ﻧﻤﻮﻧﻪ ﻣﺎﺷﻴﻦ ﺍﺳﺘﻔﺎﺩﻩ ﻣﯽ‌ﺷﻮﺩ. ﺑﻠﻪ‌‌ ﻫﻤﺎﻥ ﻣﺎﺷﻴﻨﯽ ﮐﻪ ﻫﺮ ﺭﻭﺯ ﺍﺯ ﺁﻥ ﺑﺮﺍﯼ ﺭﻓﺖ ﻭ ﺁﻣﺪ ﺍﺳﺘﻔﺎﺩﻩ ﻣﯽ‌ﮐﻨﻴﻢ ﻳﮏ ﻧﻤﻮﻧﻪ ﮐﺎﻣﻞ ﺍﺯ ﺁﺑﺠﮑﺖ ﺍﺳﺖ. ﻫﺮ ﺁﺑﺠﮑﺖ ﺩﺍﺭﺍﯼ ﺩﻭ ﻓﺎﮐﺘﻮﺭ ﻣﻬﻢ ﺍﺳﺖ؛ ﻭﻳﮋﮔﯽ‌ﻫﺎ (Properties) ﻭ ﻣﺘﺪ‌ﻫﺎ .(Methods) ﺍﮔﺮ ﻣﺎﺷﻴﻦ ﺭﺍ ﻳﮏ ﺁﺑﺠﮑﺖ ﺩﺭ ﻧﻈﺮ ﺑﮕﻴﺮﻳﻢ، ﺭﻧﮓ، ﻣﺪﻝ، ﻭﺯﻥ ﻭ ﻧﺎﻡ ﺁﻥ ﺭﺍ ﻣﯽ‌ﺗﻮﺍﻧﻴﻢ ﺑﻪ ﻋﻨﻮﺍﻥ ﻭﻳﮋﮔﯽ‌ﻫﺎﯼ ﺁﻥ ﺑﺮ ﺷﻤﺮﻳﻢ، ﻭ ﺑﺮﺍﯼ ﻣﺘﺪﻫﺎﯼ ﺁﻥ ﺑﻪ ﺭﻭﺷﻦ ﮐﺮﺩﻥ، ﺭﺍﻧﺪﻥ ﻭ ﺗﺮﻣﺰ ﮐﺮﺩﻥ ﺍﺷﺎﺭﻩ ﻣﯽ‌ﮐﻨﻴﻢ. ﻫﻤﻪ ﻣﺎﺷﻴﻦ‌ﻫﺎ ﺩﺍﺭﺍﯼ ﺍﻳﻦ ﻭﻳﮋﮔﯽ‌ﻫﺎ ﻭ ﻣﺘﺪ‌ﻫﺎ ﻫﺴﺘﻨﺪ ﺍﻣﺎ ﻣﻘﺎﺩﻳﺮ ﻭ ﻋﻤﻠﮑﺮﺩ ﺁﻧﻬﺎ ﻣﺎﺷﻴﻦ ﺑﻪ ﻣﺎﺷﻴﻦ ﻣﺘﻔﺎﻭﺕ ﺍﺳﺖ.

ﺁﺑﺠﮑﺖ ﺩﺭ ﺩﻧﻴﺎﯼ ﺑﺮﻧﺎﻣﻪ ﻧﻮﻳﺴﯽ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﺩﺭ ﺍﺻﻞ ﻣﻔﻬﻮﻣﯽ ﺍﺳﺖ ﮐﻪ ﮐﺎﺭﺑﺮﺩ ﺁﻥ ﻫﻤﺎﻧﻨﺪ ﻣﺘﻐﻴﻴﺮ ﺩﺭ ﻧﮕﻬﺪﺍﺭﯼ ﺩﺍﺩﻩ‌ﻫﺎ ﺗﻌﺮﻳﻒ ﺷﺪﻩ ﺍﺳﺖ. ﺍﻳﻦ ﻳﻌﻨﯽ ﺁﺑﺠﮑﺖ ﻣﺘﻐﻴﺮﯼ ﺍﺳﺖ ﺩﺍﺭﺍﯼ ﺩﻭ ﻓﺎﮐﺘﻮﺭ «ﻭﻳﮋﮔﯽ‌ﻫﺎ» ﻭ «ﻣﺘﺪ‌ﻫﺎ» (ﻣﺘﺪ‌ﻫﺎ ﺩﺭ ﺍﺻﻞ‌‌ ﻫﻤﺎﻥ ﺗﻮﺍﺑﻊ ﻫﺴﺘﻨﺪ ﻣﻨﺘﻬﺎ ﺩﺭ ﺍﻳﻨﺠﺎ ﺑﺎ ﻧﺎﻡ ﻣﺘﺪ ﺍﺳﺘﻔﺎﺩﻩ ﻣﯽ‌ﺷﻮﻧﺪ). ﺩﺍﺷﺘﻦ ﺍﻳﻦ ﺩﻭ ﻓﺎﮐﺘﻮﺭ ﺍﻳﻦ ﺍﺟﺎﺯﻩ ﺭﺍ ﺑﻪ ﺁﺑﺠﮑﺖﻫﺎ ﻣﯽ‌ﺩﻫﺪ ﺗﺎ ﻫﻢ ﻣﻘﺎﺩﻳﺮ ﺑﻴﺸﺘﺮﯼ ﺍﺯ ﺩﺍﺩﻩ‌ﻫﺎ ﻭ ﻫﻢ ﺍﻧﻮﺍﻉ ﻣﺨﺘﻠﻒ ﺍﺯ ﺁﻧﻬﺎ ﺭﺍ ﻧﮕﻪ ﺩﺍﺭﯼ ﮐﻨﻨﺪ. ﻭﻳﮋﮔﯽ‌ﻫﺎﯼ ﻫﺮ ﺁﺑﺠﮑﺖ ﻣﻘﺎﺩﻳﺮﯼ ﻫﺴﺘﻨﺪ ﮐﻪ ﺑﻪ ﺁﻥ ﺁﺑﺠﮑﺖ ﻣﻨﺘﺴﺐ ﻣﯽ‌ﺷﻮﻧﺪ ﻭ ﻣﺘﺪ‌ﻫﺎﻳﺶ ﻋﻤﻞ‌ﻫﺎﻳﯽ ﻫﺴﺘﻨﺪ ﮐﻪ ﺁﻥ ﺁﺑﺠﮑﺖ ﻗﺎﺩﺭ ﺑﻪ ﺍﻧﺠﺎﻡ ﺁﻧﻬﺎ ﻣﯽ‌ﺑﺎﺷﺪ. ﺑﺮﺍﯼ ﻧﻤﻮﻧﻪ ﻣﺎﺷﻴﻦ ﻗﺮﻣﺰ ﺳﻔﻴﺪ ﺭﺍ ﺩﺭ ﻧﻈﺮ ﺑﮕﻴﺮﻳﺪ. ﺍﻳﻦ ﻣﺎﺷﻴﻦ ﺩﺍﺭﺍﯼ ﻭﻳﮋﮔﯽ «ﺳﻔﻴﺪ» ﻭ ﻣﺘﺪ «ﺗﺮﻣﺰ ﮐﺮﺩﻥ» ﺍﺳﺖ.

ﺳﺎﺧﺘﻦ ﻭ ﺍﺳﺘﻔﺎﺩﻩ ﮐﺮﺩﻥ ﺍﺯ ﺁﺑﺠﮑﺖ ﺑﻪ ﺍﻳﻦ ﺗﺮﺗﻴﺐ ﺍﺳﺖ ﮐﻪ ﺍﺑﺘﺪﺍ ﻣﺎ ﻧﻴﺎﺯ ﺑﻪ ﺗﻬﻴﻪ ﻳﮏ ﺍﻟﮕﻮ ﺩﺍﺭﻳﻢ. ﻣﺎﻧﻨﺪ ﺍﻟﮕﻮﯼ ﺳﺎﺧﺖ ﻳﮏ ﺧﻮﺩﺭﻭ –ﻣﯽ‌ﺗﻮﺍﻧﻴﻢ ﺑﻪ ﺁﻥ ﻧﻘﺸﻪ ﻫﻢ ﺑﮕﻮﻳﻴﻢ- ﮐﻪ ﺑﺎ ﺍﺳﺘﻔﺎﺩﻩ ﺍﺯ ﺁﻥ ﺧﻮﺩﺭﻭ ﺭﺍ ﻣﯽ‌ﺳﺎﺯﻳﻢ. ﺑﻌﺪ ﺍﺯ ﺩﺍﺷﺘﻦ ﺍﻟﮕﻮ ﻣﯽ‌ﺗﻮﺍﻧﻴﻢ ﻧﻤﻮﻧﻪ‌ﻫﺎﻳﯽ ﺍﺯ ﺭﻭﯼ ﺁﻥ ﺗﻬﻴﻪ ﮐﻨﻴﻢ، ﺩﺭﺳﺖ ﻣﺎﻧﻨﺪ ﺷﺮﮐﺖ‌ﻫﺎﯼ ﺧﻮﺩﺭﻭ ﺳﺎﺯﯼ ﮐﻪ ﺍﺑﺘﺪﺍ ﺍﻟﮕﻮﯼ ﺧﻮﺩﺭﻭ ﺭﺍ ﻓﺮﺍﻫﻢ ﮐﺮﺩﻩ ﻭ ﺑﻌﺪ ﺍﺯ ﺭﻭﯼ ﺁﻥ ﺧﻮﺩﺭﻭ‌ﻫﺎ (ﺁﺑﺠﮑﺖﻫﺎ) ﺭﺍ ﻣﯽ‌ﺳﺎﺯﻧﺪ. ﺩﺭ ﺑﺮﻧﺎﻣﻪ ﻧﻮﻳﺴﯽ ﺁﺑﺠﮑﺖ ﮔﺮﺍ (ﻣﺎﻧﻨﺪ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ) ﺍﺯ ﺍﻳﻦ ﻣﻔﻬﻮﻡ ﺍﺳﺘﻔﺎﺩﻩ ﺷﺪﻩ ﻭ ﺁﻥ ﺭﺍ ﭘﻴﺎﺩﻩ ﻣﯽ‌ﮐﻨﻴﻢ. ﻳﻌﻨﯽ ﺍﺑﺘﺪﺍ ﻳﮏ ﺍﻟﮕﻮ ﺳﺎﺧﺘﻪ ﻭ ﺑﻌﺪ ﺍﺯ ﺭﻭﯼ ﺁﻥ ﺍﻟﮕﻮ ﺁﺑﺠﮑﺖ (ﻧﻤﻮﻧﻪ)‌ﻫﺎﻳﯽ ﺭﺍ ﻣﯽ‌ﺳﺎﺯﻳﻢ.

ﻧﮑﺘﻪ: ﺩﺭﮎ ﻣﻔﻬﻮﻡ ﺑﺮﻧﺎﻣﻪ ﻧﻮﻳﺴﯽ ﺁﺑﺠﮑﺖ ﮔﺮﺍ ﺑﺮﺍﯼ ﮐﺴﺎﻧﯽ ﮐﻪ ﺑﺮﺍﯼ ﺑﺎﺭ ﻧﺨﺴﺘﻴﻦ ﺑﺎﺭ ﺁﻥ ﺭﻭﺑﺮﻭ ﻣﯽ‌ﺷﻮﻧﺪ ﮐﻤﯽ ﺩﺷﻮﺍﺭ ﺑﻪ ﻧﻈﺮ ﻣﯽ‌ﺭﺳﺪ ﺍﻣﺎ ﻣﺎ ﺑﻪ ﺷﻤﺎ ﻗﻮﻝ ﻣﯽ‌ﺩﻫﻴﻢ ﮐﻪ ﺑﺎ ﭘﻴﺎﺩﻩ ﺳﺎﺯﯼ ﺍﻳﻦ ﺗﮑﻨﻴﮏ ﺑﻬﻤﺮﺍﻩ ﭼﻨﺪ ﻧﻤﻮﻧﻪ، ﻳﺎﺩﮔﻴﺮﯼ ﺁﻥ ﺭﺍ ﺑﺴﻴﺎﺭ ﺳﺎﺩﻩ ﻭ ﺷﻴﺮﻳﻦ ﺧﻮﺍﻫﻴﺪ ﻳﺎﻓﺖ.

ﻧﮑﺘﻪ: ﻫﻤﻪ ﭼﻴﺰ ﺩﺭ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﻳﮏ ﺁﺑﺠﮑﺖ ﺍﺳﺖ. ﺩﺭ ﻃﻮﻝ ﺩﻭﺭﻩ، ﺍﻳﻦ ﻣﻬﻢ ﺑﺮﺍﻳﺘﺎﻥ ﺭﻭﺷﻦ ﺧﻮﺍﻫﺪ ﺷﺪ.

ﺗﺼﻮﻳﺮ ﺯﻳﺮ ﻧﻤﺎﻳﺎﻥ ﮔﺮ ﻳﮏ ﺁﺑﺠﮑﺖ (ﺧﻮﺩﺭﻭ) ﺑﻬﻤﺮﺍﻩ ﻭﻳﮋﮔﯽ‌ﻫﺎ ﻭ ﻣﺘﺪ‌ﻫﺎﻳﺶ ﺍﺳﺖ.

ﺗﺼﻮﻳﺮ ﺍﺯ w3schools

ﺗﻘﺮﻳﺒﺎ ﻫﻤﻪ ﭼﻴﺰ ﺩﺭ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﺭﺍ ﻣﯽ‌ﺗﻮﺍﻥ ﻳﮏ ﺁﺑﺠﮑﺖ ﻧﺎﻣﻴﺪ؛ ﺗﻮﺍﺑﻊ، ﺭﺷﺘﻪ‌ﻫﺎ، ﺁﺭﺍﻳﻪ‌ﻫﺎ، ﺗﺎﺭﻳﺦ ﻭ ﻏﻴﺮﻩ. ﺩﺭ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﺩﻭ ﻧﻮﻉ ﺁﺑﺠﮑﺖ ﻭﺟﻮﺩ ﺩﺍﺭﺩ ﻳﮑﯽ ﺁﻧﻬﺎﻳﯽ ﮐﻪ ﺑﻄﻮﺭ ﭘﻴﺶ ﻓﺮﺽ (Built-in) ﺩﺭ ﺁﻥ ﺍﺯ ﭘﻴﺶ ﺳﺎﺧﺘﻪ ﺷﺪﻩ ﺍﺳﺖ ﻭ ﺩﻳﮕﺮﯼ ﺁﺑﺠﮑﺖﻫﺎﻳﯽ ﮐﻪ ﻣﺎ ﺑﻪ ﻋﻨﻮﺍﻥ ﺑﺮﻧﺎﻣﻪ ﻧﻮﻳﺲ ﻣﯽ‌ﺳﺎﺯﻳﻢ. ﺍﺯ ﻧﻤﻮﻧﻪ ﺁﺑﺠﮑﺖﻫﺎﻳﯽ ﺍﺯ ﭘﻴﺶ ﺳﺎﺧﺘﻪ ﺷﺪﻩ ﻣﯽ‌ﺗﻮﺍﻧﻴﻢ ﺑﻪ ﺗﺎﺭﻳﺦ (Date) ﻳﺎ ﺭﺷﺘﻪ ﺍﺷﺎﺭﻩ ﮐﻨﻴﻢ. ﺩﺭ ﻧﻤﻮﻧﻪ ﮐﺪﻫﺎﯼ ﺯﻳﺮ ﻣﺎ ﺍﺯ ﻭﻳﮋﮔﯽ length ﮐﻪ ﻣﺘﻌﻠﻖ ﺑﻪ ﺁﺑﺠﮑﺖ «ﺭﺷﺘﻪ» ﺍﺳﺖ ﺍﺳﺘﻔﺎﺩﻩ ﻣﯽ‌ﮐﻨﻴﻢ.

<!DOCTYPE html>

<html> <head> </head>

<body>

<script>

var msg = prompt(” ﻟﻄﻒ ﮐﻨﻴﺪ ﻧﺎﻡ ﺧﻮﺩ ﺭﺍ ﻭﺍﺭﺩ ﮐﻨﻴﺪ “);

var x = msg.length ;

alert (” ﻧﺎﻡ ﺷﻤﺎ ﺩﺍﺭﺍﯼ ” + x + ” ﺣﺮﻑ ﺍﺳﺖ ” );

</script>

</body> </html>

ﺁﺑﺠﮑﺖ‌ﻫﺎﯼ ﺍﺯ ﭘﻴﺶ ﺳﺎﺧﺘﻪ ﺷﺪﻩ
ﻫﻤﺎﻧﻄﻮﺭ ﮐﻪ ﺩﺭ ﻗﺴﻤﺖ ﭘﻴﺸﻴﻦ ﮔﻔﺘﻴﻢ ﺁﺑﺠﮑﺖﻫﺎ ﺩﺭ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﺍﺯ ﺩﻭ ﻧﻮﻉ ﺗﺸﮑﻴﻞ ﺷﺪﻩ‌ﺍﻧﺪ. ﺁﺑﺠﮑﺖﻫﺎﯼ ﺍﺯ ﭘﻴﺶ ﺳﺎﺧﺘﻪ ﺷﺪﻩ ﻭ ﺁﺑﺠﮑﺖﻫﺎﻳﯽ ﮐﻪ ﻣﺎ ﻣﯽ‌ﺳﺎﺯﻳﻢ. ﺁﺑﺠﮑﺖﻫﺎﯼ ﺳﺎﺧﺘﻪ ﺷﺪﻩ ﺩﺭ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﻫﺮ ﮐﺪﺍﻡ ﻫﺪﻑ ﻭﻳﮋﻩ‌ﺍﯼ ﺭﺍ ﺩﻧﺒﺎﻝ ﻣﯽ‌ﮐﻨﻨﺪ ﻭ ﺑﻪ ﺳﺎﺩﻩ‌ﺗﺮ ﮐﺮﺩﻥ ﺍﺳﺘﻔﺎﺩﻩ ﺍﺯ ﺍﻳﻦ ﺯﺑﺎﻥ ﮐﻤﮏ ﻣﯽ‌ﮐﻨﻨﺪ.

ﺩﺭ ﺍﻳﻦ ﻗﺴﻤﺖ ﺑﺎ ﮐﻤﮏ ﺩﻭ ﺁﺑﺠﮑﺖ ﺳﻨﺪ (Document) ﻭ ﭘﻨﺠﺮﻩ (Window) ﻧﻤﻮﻧﻪ‌ﻫﺎﻳﯽ ﺭﺍ ﺍﺟﺮﺍ ﻣﯽ‌ﮐﻨﻴﻢ ﺗﺎ ﺷﻤﺎ ﺩﺭﮎ ﺑﻬﺘﺮﯼ ﺍﺯ ﺍﻳﻦ ﻧﻮﻉ ﺁﺑﺠﮑﺖﻫﺎ ﭘﻴﺪﺍ ﮐﻨﻴﺪ ﻭ ﺭﻓﺘﻪ ﺭﻓﺘﻪ ﺩﺭ ﻃﻮﻝ ﺩﻭﺭﻩ ﺩﻳﮕﺮ ﺁﺑﺠﮑﺖﻫﺎ ﺭﺍ ﻣﻌﺮﻓﯽ ﺧﻮﺍﻫﻴﻢ ﮐﺮﺩ.

ﺳﻨﺪ Document
ﺍﺟﺎﺯﻩ ﺑﺪﻫﻴﺪ ﺑﺎ ﻧﻮﺷﺘﻦ ﻧﻤﻮﻧﻪ‌ﺍﯼ ﺷﺮﺡ ﺁﺑﺠﮑﺖ ﺳﻨﺪ ﺭﺍ ﺑﻴﺎﻥ ﮐﻨﻴﻢ:

<!DOCTYPE html>

<html> <head> </head>

<script>

document.write(“<p>ﺩﺭ ﺍﻳﻦ ﮐﺪ ﺍﺯ ﺁﺑﺠﮑﺖ ﺳﻨﺪ ﺑﻪ ﻫﻤﺮﺍﻩ ﻣﺘﺪ ﻧﻮﺷﺘﻦ ﺍﺳﺘﻔﺎﺩﻩ ﺷﺪﻩ ﺍﺳﺖ </p>”);

</script>

</body> </html>

ﻫﻤﺎﻧﻄﻮﺭ ﮐﻪ ﻣﯽ‌ﺑﻴﻨﻴﺪ ﮐﺪﻫﺎﯼ ﺑﺎﻻ ﺑﺎ ﺍﺳﺘﻔﺎﺩﻩ ﺍﺯ ﻧﺎﻡ ﺁﺑﺠﮑﺖ ﻭ ﻧﺎﻡ ﻣﺘﺪ ﺁﻥ ﺁﺑﺠﮑﺖ، ﻣﺘﻨﯽ ﺭﺍ ﺩﺭ ﻣﺮﻭﺭﮔﺮ ﭼﺎﭖ ﻣﯽ‌ﮐﻨﻨﺪ. ﺍﺳﺘﻔﺎﺩﻩ ﮐﺮﺩﻥ ﺍﺯ ﺁﺑﺠﮑﺖﻫﺎ ﺑﺴﻴﺎﺭ ﺳﺎﺩﻩ ﻣﯽ‌ﺑﺎﺷﺪ ﮐﺎﻓﻴﺴﺖ ﮐﻪ ﻧﺎﻡ ﺁﻧﻬﺎ ﻭ ﻭﻳﮋﮔﯽ‌ﻫﺎ ﻭ ﻣﺘﺪ‌ﻫﺎﻳﺸﺎﻥ ﺭﺍ ﺑﺪﺍﻧﻴﺪ.

ﭘﻨﺠﺮﻩ Window
ﭘﻨﺠﺮﻩ ﻳﮑﯽ ﺩﻳﮕﺮ ﺍﺯ ﺁﺑﺠﮑﺖﻫﺎﯼ ﺍﺯ ﭘﻴﺶ ﺳﺎﺧﺘﻪ ﺷﺪﻩ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﺍﺳﺖ ﮐﻪ ﺳﻄﺢ ﺁﻥ ﺍﺯ ﻧﻈﺮ ﮐﺎﺭﺍﻳﯽ ﺑﺎﻻﺳﺖ. ﺩﺭ ﻗﺴﻤﺖ ﭘﻴﺸﻴﻦ ﺯﻣﺎﻧﯽ ﮐﻪ ﺍﺯ ﺩﻭ ﻣﺘﺪ alert () ﻭ prompt () ﺍﺳﺘﻔﺎﺩﻩ ﮐﺮﺩﻳﻢ ﺩﺭ ﺍﺻﻞ ﺍﺯ ﺩﻭ ﻣﺘﺪ ﺁﺑﺠﮑﺖ ﭘﻨﺠﺮﻩ ﺑﻬﺮﻩ ﺑﺮﺩﻳﻢ.

<!DOCTYPE html>

<html> <head>

<script>

var myWindow;

function openWin() {

myWindow = window.open(); }

function closeWin() {

myWindow.close(); }

</script> </head>

<body>

<button onclick=”openWin()”>ﻳﮏ ﭘﻨﺠﺮﻩ ﺑﺎﺯ ﮐﻦ</button>

<button onclick=”closeWin()”> ﭘﻨﺠﺮﻩ ﺭﺍ ﺑﺒﻨﺪ </button>

</body> </html>

ﻣﺠﻤﻮﻋﻪ ﮐﺪﻫﺎﯼ ﺑﺎﻻ ﺩﻭ ﺩﮐﻤﻪ ﺭﺍ ﻣﯽ‌ﺳﺎﺯﺩ ﮐﻪ ﺑﺎ ﻓﺸﺮﺩﻥ ﻳﮑﯽ (ﻳﮏ ﭘﻨﺠﺮﻩ ﺑﺎﺯ ﮐﻦ) ﭘﻨﺠﺮﻩ‌ﺍﯼ ﺑﺎﺯ ﻣﯽ‌ﺷﻮﺩ ﻭ ﺑﺎ ﻓﺸﺮﺩﻥ ﺩﻳﮕﺮﯼ (ﭘﻨﺠﺮﻩ ﺭﺍ ﺑﺒﻨﺪ) ﭘﻨﺠﺮﻩ ﺑﺴﺘﻪ ﻣﯽ‌ﺷﻮﺩ.

ﺳﺎﺧﺖ ﺁﺑﺠﮑﺖ ﺩﺭ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ
ﺑﺮﺍﯼ ﺳﺎﺧﺘﻦ ﻳﮏ ﺁﺑﺠﮑﺖ ﮐﺎﻓﯽ ﺍﺳﺖ ﺑﻪ ﺷﻴﻮﻩ ﺯﻳﺮ ﻋﻤﻞ ﮐﻨﻴﺪ:

person = new Object() ;

ﺑﻪ ﺍﻳﻦ ﺗﺮﺗﻴﺐ ﻣﺎ ﻳﮏ ﺁﺑﺠﮑﺖ ﺑﺎ ﻧﺎﻡ personﺳﺎﺧﺘﻴﻢ ﮐﻪ ﻣﯽ‌ﺗﻮﺍﻧﺪ ﺩﺍﺭﺍﯼ ﻭﻳﮋﮔﯽ‌ﻫﺎﯼ ﺧﺎﺹ ﺧﻮﺩ ﺑﺎﺷﺪ. ﺑﺮﺍﯼ ﻧﺴﺒﺖ ﺩﺍﺩﻥ ﻭﻳﮋﮔﯽ ﻭ ﻣﻘﺪﺍﺭ ﺑﻪ ﺁﻥ ﺑﻪ ﺷﮑﻞ ﺯﻳﺮ ﻋﻤﻞ ﻣﯽ‌ﮐﻨﻴﻢ:

person.firstname =” ﭘﻴﻤﺎﻥ ” ;

person.lastname=” ﺍﻳﺮﺍﻧﯽ “;

person.age= 30 ;

ﻧﮑﺘﻪ: ﺭﺍﻩ‌ﻫﺎﯼ ﻣﺘﻔﺎﻭﺗﯽ ﺑﺮﺍﯼ ﺳﺎﺧﺖ ﻳﮏ ﺁﺑﺠﮑﺖ ﻭﺟﻮﺩ ﺩﺍﺭﺩ ﮐﻪ ﺩﺭ ﻃﻮﻝ ﺩﻭﺭﻩ ﺑﺎ ﺁﻧﻬﺎ ﺁﺷﻨﺎ ﻣﯽ‌ﺷﻮﻳﻢ.

ﺩﺳﺘﺮﺳﯽ ﺑﻪ ﻭﻳﮋﮔﯽ‌ﻫﺎﯼ ﻳﮏ ﺁﺑﺠﮑﺖ
ﺑﺮﺍﯼ ﺩﺳﺘﺮﺳﯽ ﺑﻪ ﻭﻳﮋﮔﯽ‌ﻫﺎﯼ ﻳﮏ ﺁﺑﺠﮑﺖ ﺑﺎﻳﺪ ﺑﻪ ﺷﻴﻮﻩ ﺯﻳﺮ ﻋﻤﻞ ﮐﻨﻴﻢ:

ﻧﺎﻡ ﺁﺑﺠﮑﺖ . ﻧﺎﻡ ﻭﻳﮋﮔﯽ

ﺩﺭ ﻧﻤﻮﻧﻪ ﭘﺎﻳﻴﻦ ﺍﺑﺘﺪﺍ ﻳﮏ ﺁﺑﺠﮑﺖ ﺳﺎﺧﺘﻪ ﻭ ﻣﻘﺎﺩﻳﺮﯼ ﺭﺍ ﺑﻪ ﺁﻥ ﺍﺧﺘﺼﺎﺹ ﻣﯽ‌ﺩﻫﻴﻢ. ﺑﻌﺪ ﻭﻳﮋﮔﯽ‌ﻫﺎﯼ ﺁﻥ ﺭﺍ ﭼﺎﭖ ﻣﯽ‌ﮐﻨﻴﻢ.

<!DOCTYPE html>

<html> <head> </head>

<body>

<script>

person = new Object() ;

person.firstname =” ﭘﻴﻤﺎﻥ ” ;

person.lastname=” ﺍﻳﺮﺍﻧﯽ “;

person.age= 30 ;

alert (person.firstname + person.lastname + person.age + ” ﺳﺎﻟﻪ ” );

</script>

</body> </html>

ﺩﺳﺘﺮﺳﯽ ﺑﻪ ﻣﺘﺪﻫﺎﯼ ﻳﮏ ﺁﺑﺠﮑﺖ
ﺩﺳﺘﻮﺭ ﻋﻤﻞ ﺩﺳﺘﺮﺳﯽ ﺑﻪ ﻣﺘﺪﻫﺎﯼ ﻳﮏ ﺁﺑﺠﮑﺖ ﺑﻪ ﺷﮑﻞ ﺯﻳﺮ ﺍﺳﺖ:

ﻧﺎﻡ ﺁﺑﺠﮑﺖ . ﻧﺎﻡ ﻣﺘﺪ

<!DOCTYPE html>

<html> <head> </head>

<body>

<script>

person = new Object() ;

person.firstname =” peyman ” ;

var x= person.firstname.toUpperCase();

alert (x) ;

</script>

</body> </html>

ﺩﺭ ﻧﻤﻮﻧﻪ ﺑﺎﻻ ﺍﺑﺘﺪﺍ ﻳﮏ ﺁﺑﺠﮑﺖ ﺳﺎﺧﺘﻪ ﻭ ﻭﻳﮋﮔﯽ‌ﺍﯼ ﺭﺍ ﺑﻪ ﺁﻥ ﺍﺧﺘﺼﺎﺹ ﺩﺍﺩﻩ‌ﺍﻳﻢ. ﺑﻌﺪ ﻣﺘﺪ toUpperCase () ﺭﺍ ﮐﻪ ﺣﺮﻭﻑ ﺭﺍ ﺑﺰﺭﮒ ﻣﯽ‌ﮐﻨﺪ ﺑﻪ ﺁﻥ ﺁﺑﺠﮑﺖ ﻣﻨﺘﺴﺐ ﮐﺮﺩﻳﻢ ﻭ ﻣﻘﺪﺍﺭ ﻧﻬﺎﻳﯽ ﺭﺍ ﺩﺭ ﻣﺘﻐﻴﺮﯼ ﺭﻳﺨﺘﻪ‌ﺍﻳﻢ ﻭ ﺩﺭ ﺁﺧﺮ ﺧﺮﻭﺟﯽ ﺁﻥ ﺭﺍ ﭼﺎﭖ ﮐﺮﺩﻳﻢ.

ﺭﻭﻳﺪﺍﺩﻫﺎ ﺩﺭ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ (Events)
ﺭﻭﻳﺪﺍﺩ‌ﻫﺎ ﺍﺗﻔﺎﻕ‌ﻫﺎﻳﯽ ﻫﺴﺘﻨﺪ ﮐﻪ ﺩﺭ ﻭﺍﻗﻊ ﺑﻪ ﺩﺳﺖ ﮐﺎﺭﺑﺮﺍﻥ ﺍﻳﺠﺎﺩ ﻣﯽ‌ﺷﻮﻧﺪ، ﺍﺗﻔﺎﻕ‌ﻫﺎﻳﯽ ﮐﻪ ﺁﺑﺠﮑﺖﻫﺎ ﺑﺎ ﺁﻧﻬﺎ ﺭﻭ ﺑﻪ ﺭﻭ ﻣﯽ‌ﺷﻮﻧﺪ ﻭ ﺑﺮ ﺍﺳﺎﺱ ﺗﻌﺮﻳﻒ ﺩﺍﺩﻩ ﺷﺪﻩ ﺑﻪ ﺁﻥ ﺍﺗﻔﺎﻕ ﺍﺯ ﺧﻮﺩ ﻭﺍﮐﻨﺸﯽ ﻧﺸﺎﻥ ﻣﯽ‌ﺩﻫﻨﺪ. ﺑﺮﺍﯼ ﻧﻤﻮﻧﻪ ﺭﻭﻳﺪﺍﺩ ﮐﻠﻴﮏ ﮐﺮﺩﻥ ﺭﺍ ﺩﺭ ﻧﻈﺮ ﺑﮕﻴﺮﻳﺪ (ﮐﻠﻴﮏ ﭼﭗ ﮐﺮﺩﻥ ﮐﺎﺭﺑﺮ ﺑﺮ ﺭﻭﯼ ﺁﺑﺠﮑﺖ) ﺍﻳﻦ ﺭﻭﻳﺪﺍﺩ ﻣﻤﮑﻦ ﺍﺳﺖ ﺑﺮﺍﯼ ﻳﮏ ﺩﮐﻤﻪ ﻳﺎ ﻳﮏ ﺗﺼﻮﻳﺮ (ﺁﺑﺠﮑﺘﯽ) ﺍﺗﻔﺎﻕ ﺑﻴﺎﻓﺘﺪ. ﺣﺮﮐﺖ ﻣﻮﺱ، ﺑﺎﺯ ﮐﺮﺩﻥ ﻳﮏ ﭘﻨﺠﺮﻩ، ﺑﺴﺘﻦ ﻳﮏ ﭘﻨﺠﺮﻩ ﻭ… ﻫﻤﻪ ﻳﮏ ﺭﻭﻳﺪﺍﺩ ﻫﺴﺘﻨﺪ، ﺣﺘﯽ ﻗﺮﺍﺭ ﮔﺮﻓﺘﻦ ﻣﻮﺱ ﺭﻭﯼ ﻳﮏ ﻋﮑﺲ ﻳﺎ ﺧﺎﺭﺝ ﺷﺪﻥ ﻣﻮﺱ ﺍﺯ ﺭﻭﯼ ﻋﮑﺲ ﻧﻴﺰ ﻳﮏ ﺭﻭﻳﺪﺍﺩ ﺑﺮﺍﯼ ﻋﮑﺲ ﻣﺤﺴﻮﺏ ﻣﯽ‌ﺷﻮﺩ. ﺩﺭ ﻟﻴﺴﺖ ﺯﻳﺮ ﻣﺠﻤﻮﻋﻪ‌ﺍﯼ ﺍﺯ ﺭﻭﻳﺪﺍﺩﻫﺎﯼ ﺗﻌﺮﻳﻒ ﺷﺪﻩ ﺩﺭ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﺁﻭﺭﺩﻩ ﺷﺪﻩ ﺍﺳﺖ:

onClick ﮐﻠﻴﮏ ﮐﺮﺩﻥ
onDblclick ﺩﺍﺑﻞ ﮐﻠﻴﮏ ﮐﺮﺩﻥ
onMoseover ﻭﺭﻭﺩ ﻣﻮﺱ ﺑﺮ ﺭﻭﯼ ﻳﮏ ﺁﺑﺠﮑﺖ
onMouseout ﺧﺮﻭﺝ ﻣﻮﺱ ﺍﺯ ﺭﻭﯼ ﻳﮏ ﺁﺑﺠﮑﺖ
onMousemove ﺣﺮﮐﺖ ﮐﺮﺩﻥ ﻣﻮﺱ
onKeypress ﻓﺸﺮﺩﻥ ﻳﮑﯽ ﺍﺯ ﮐﻠﻴﺪﻫﺎﯼ ﺻﻔﺤﻪ ﮐﻠﻴﺪ
onKeydown ﭘﺎﻳﻴﻦ ﺁﻣﺪﻥ ﻳﮑﯽ ﺍﺯ ﮐﻠﻴﺪﻫﺎﯼ ﺻﻔﺤﻪ ﮐﻠﻴﺪ
onLoad ﺑﺎﺯ ﺷﺪﻥ ﻳﮏ ﭘﻨﺠﺮﻩ
onUnload ﺑﺴﺘﻪ ﺷﺪﻥ ﻳﮏ ﭘﻨﺠﺮﻩ
ﻭ ﺗﻌﺪﺍﺩ ﺩﻳﮕﺮﯼ ﺍﺯ ﺭﻭﻳﺪﺍﺩ‌ﻫﺎ ﮐﻪ ﺩﺭ ﻃﻮﻝ ﺩﻭﺭﻩ ﺍﺯ ﺁﻧﻬﺎ ﺍﺳﺘﻔﺎﺩﻩ ﺧﻮﺍﻫﻴﻢ ﮐﺮﺩ.

منبع:درسنامه

درباره آموزشگاه نوین آی تی

همچنین ببینید

آموزش برنامه نویسی جاوا

نحوه نام گذاری متغییر های جاوا

مطلب جدیدی که در این آموزش قرار است فرا بگیریم نحوه صحیح نامگذاری متغیر ها ...

دیدگاهتان را بنویسید

علی طاهری آموزشگاه طراحی سایت نوین آی تی 021-88283800 info(@)novin-it.net