خانه / مقالات اموزشی / اموزش جاوا اسكريپت / برنامه نويسي جاوا اسكريپت ۲
آموزش JAVASCRIPT
آموزش JAVASCRIPT

برنامه نويسي جاوا اسكريپت ۲

 

ﺩﺭﺱ ﺩﻭﻡ- ﻣﻘﺪﻣﺎﺕ ﮐﺎﺭ ﺑﺎ ﺑﺮﭼﺴﺐ ﺍﺳﮑﺮﻳﭙﺖ ﻭ ﻭﻳﮋﮔﯽ ﻫﺎﻳﺶ

ﺩﺭ ﺩﺭﺱ ﭘﻴﺸﻴﻦ ﻧﮕﺎﻫﯽ ﮔﺬﺭﺍ ﺑﻪ ﺯﺑﺎﻥ‌ﻫﺎﯼ ﺑﺮﻧﺎﻣﻪ ﻧﻮﻳﺴﯽ ﺩﺍﺷﺘﻴﻢ ﻭ ﺩﺭ ﺁﺧﺮ ﺍﻧﺪﮐﯽ ﺩﺭ ﻣﻮﺭﺩ ﺯﺑﺎﻥ ﺑﺮﻧﺎﻣﻪ ﻧﻮﻳﺴﯽ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﺳﺨﻦ ﮔﻔﺘﻴﻢ. ﺩﺭ ﺍﻳﻦ ﺩﺭﺱ ﮐﻤﯽ ﺑﺎ ﻣﻘﺪﻣﺎﺕ ﺑﺮﻧﺎﻣﻪ ﻧﻮﻳﺴﯽ ﺑﺎ ﺍﻳﻦ ﺯﺑﺎﻥ ﺁﺷﻨﺎ ﻣﯽ‌ﺷﻮﻳﻢ ﻭ ﺑﺎ ﻧﻤﻮﻧﻪ‌ﻫﺎﯼ ﮐﻮﭼﮑﯽ، ﭼﮕﻮﻧﮕﯽ ﮐﺎﺭ ﺑﺎ ﺍﻳﻦ ﺯﺑﺎﻥ ﺭﺍ ﻧﺸﺎﻥ ﺧﻮﺍﻫﻴﻢ ﺩﺍﺩ.

ﺑﺮﭼﺴﺐ Script
ﺑﺮﺍﯼ ﻧﻮﺷﺘﻦ ﺑﺮﻧﺎﻣﻪ‌ﺍﯼ ﺗﺤﺖ ﻭﺏ ﻭ ﺑﺎ ﺯﺑﺎﻥ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﺍﺑﺘﺪﺍ ﺑﺎﻳﺪ ﮐﺪﻫﺎﯼ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﺭﺍ ﺑﻪ ﻣﺮﻭﺭﮔﺮ ﻣﻌﺮﻓﯽ ﮐﺮﺩ. ﻣﻌﺮﻓﯽ ﮐﺪﻫﺎﯼ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﺑﻪ ﻣﺮﻭﺭﮔﺮ ﺑﺎ ﻧﻮﺷﺘﻦ ﻳﮏ ﺑﺮﭼﺴﺐ (ﺗﮓ) ﺍﻧﺠﺎﻡ ﻣﯽ‌ﺷﻮﺩ. ﺑﺮﭼﺴﺐ script ﮐﻪ ﺑﺼﻮﺭﺕ ﻳﮏ ﺑﺮﭼﺴﺐ ﺷﺮﻭﻉ ﮐﻨﻨﺪﻩ ﮐﺪ‌ﻫﺎ ﻭ ﻳﮏ ﺑﺮﭼﺴﺐ ﭘﺎﻳﺎﻥ ﺩﻫﻨﺪﻩ ﮐﺪ‌ﻫﺎ ﻧﻮﺷﺘﻪ ﻣﯽ‌ﺷﻮﺩ، ﻭﻇﻴﻔﻪ ﺷﻨﺎﺳﺎﻧﺪﻥ ﮐﺪﻫﺎﯼ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﺭﺍ ﺑﺮﻋﻬﺪﻩ ﺩﺍﺭﺩ. ﺍﻳﻦ ﺑﺮﭼﺴﺐ‌ﻫﺎ ﺑﻪ ﻣﺮﻭﺭﮔﺮ ﻣﯽ‌ﻓﻬﻤﺎﻧﻨﺪ ﮐﻪ ﺩﺭ ﮐﺠﺎ ﻓﻌﺎﻟﻴﺖ ﺍﻳﻦ ﺯﺑﺎﻥ ﺁﻏﺎﺯ ﺷﺪﻩ -ﺗﺎ ﻣﻔﺴﺮ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﻣﺮﻭﺭﮔﺮ ﻓﻌﺎﻝ ﺷﻮﺩ- ﻭ ﺩﺭ ﮐﺠﺎ ﭘﺎﻳﺎﻥ ﻣﯽ‌ﭘﺬﻳﺮﺩ ﮐﻪ ﺑﺮﻧﺎﻣﻪ ﻣﻔﺴﺮ ﻫﻢ ﮐﺎﺭ ﺧﻮﺩ ﺭﺍ ﺧﺎﺗﻤﻪ ﺩﻫﺪ.

ﻧﮑﺘﻪ: ﻫﻤﺎﻧﻄﻮﺭ ﮐﻪ ﺩﺭ ﺩﺭﺱ ﭘﻴﺸﻴﻦ ﮔﻔﺘﻪ ﺷﺪ ﮐﺪﻫﺎﯼ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﺑﺎﻳﺪ ﺩﺭ ﺑﻴﻦ ﺑﺮﭼﺴﺐ‌ﻫﺎﯼ ﺍﭺ‌ ﺗﯽ‌ ﺍﻡ‌ ﺍﻝ ﻗﺮﺍﺭ ﮔﻴﺮﻧﺪ.

ﮔﻔﺘﻴﻢ ﮐﻪ ﺑﺮﺍﯼ ﺍﺟﺮﺍ ﺷﺪﻥ ﮐﺪﻫﺎﯼ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﺑﺎﻳﺪ ﺁﻧﻬﺎ ﺭﺍ ﺩﺭ ﻣﻴﺎﻥ ﺑﺮﭼﺴﺐ‌ﻫﺎﯼ ﺍﭺ ﺗﯽ‌ ﺍﻡ ﺍﻝ ﻗﺮﺍﺭ ﺩﻫﻴﻢ. ﭘﺮﺳﺸﯽ ﮐﻪ ﻣﻤﮑﻦ ﺍﺳﺖ ﭘﻴﺶ ﺑﻴﺎﻳﺪ ﺍﻳﻦ ﺍﺳﺖ ﮐﻪ ﺑﺎﻳﺪ ﺁﻧﻬﺎ ﺭﺍ ﺩﺭ ﮐﺠﺎﯼ ﺑﺮﭼﺴﺐ‌ﻫﺎﯼ ﺍﭺ ﺗﯽ‌ ﺍﻡ ﺍﻝ ﺑﮕﺬﺍﺭﻳﻢ، ﺁﻳﺎ ﺟﺎﯼ ﻭﻳﮋﻩ‌ﺍﯼ ﺩﺍﺭﻧﺪ ﻳﺎ ﺩﺭ ﻫﺮ ﮐﺠﺎ ﻣﯽ‌ﺗﻮﺍﻧﻴﻢ ﺍﻳﻨﮑﺎﺭ ﺭﺍ ﺍﻧﺠﺎﻡ ﺩﻫﻴﻢ؟ ﭘﺎﺳﺦ ﺍﻳﻦ ﭘﺮﺳﺶ ﺍﻳﻨﺴﺖ ﮐﻪ ﮐﺪﻫﺎﯼ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﻣﯽ‌ﺗﻮﺍﻧﻨﺪ ﺩﺭ ﻫﺮ ﮐﺠﺎﯼ ﻓﺎﻳﻞ ﺍﭺ ﺗﯽ‌ ﺍﻡ ﺍﻝ ﺑﺎﺷﻨﺪ ﺍﻣﺎ ﺑﺎﻳﺪ ﺍﺑﺘﺪﺍ ﺗﺸﺨﻴﺺ ﺩﻫﻴﻢ ﮐﻪ ﻧﺴﺒﺖ ﺑﻪ ﻧﻴﺎﺯ ﻣﺎ (ﺑﺮﻧﺎﻣﻪ‌ﺍﯼ ﮐﻪ ﻣﯽ‌ﻧﻮﻳﺴﻴﻢ) ﺑﮑﺎﺭ ﺑﺮﺩﻥ ﻫﺮ ﻗﺴﻤﺖ ﺍﺯ ﺍﺳﮑﺮﻳﭙﺖ ﺩﺭ ﮐﺠﺎﯼ ﺑﺮﮔﻪ ﻣﻨﺎﺳﺐ‌ﺗﺮ ﻣﯽ‌ﺑﺎﺷﺪ. ﺑﻄﻮﺭ ﮐﻞ ﻣﺤﻞ ﻗﺮﺍﺭ ﺩﺍﺩﻥ ﮐﺪﻫﺎﯼ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﺑﻪ ﺳﻪ ﺩﺳﺘﻪ ﺗﻘﺴﻴﻢ ﻣﯽ‌ﺷﻮﻧﺪ، ﻳﮏ ﺩﺳﺘﻪ ﺍﺯ ﺁﻧﻬﺎ ﺩﺭ ﻗﺴﻤﺖ «ﺳﺮ» ﻳﻌﻨﯽ head ﺟﺎﯼ ﻣﯽ‌ﮔﻴﺮﻧﺪ ﻭ ﻳﮏ ﺩﺳﺘﻪ ﺩﺭ ﻗﺴﻤﺖ «ﺑﺪﻧﻪ» ﺍﭺ ﺗﯽ‌ ﺍﻡ ﺍﻝ ﻭ ﺩﺳﺘﻪ ﺳﻮﻡ ﻫﻢ ﺩﺭ ﻳﮏ ﻓﺎﻳﻞ ﺟﺪﺍﮔﺎﻧﻪ ﻭ ﺧﺎﺭﺝ ﺍﺯ ﮐﺪﻫﺎﯼ HTML ﺑﺎ ﭘﺴﻮﻧﺪ js ﻗﺮﺍﺭ ﻣﯽ‌ﮔﻴﺮﻧﺪ ﮐﻪ ﺩﺭ ﺍﺩﺍﻣﻪ ﺑﻪ ﺗﻮﺿﻴﺢ ﻫﺮ ﺩﺳﺘﻪ ﺧﻮﺍﻫﻴﻢ ﭘﺮﺩﺍﺧﺖ.
ﻗﺮﺍﺭ ﺩﺍﺩﻥ ﮐﺪﻫﺎﯼ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﺩﺭ ﺑﺪﻧﻪ ﺍﭺ‌ ﺗﯽ‌ ﺍﻡ‌ ﺍﻝ
ﺩﺭ ﺍﻳﻦ ﺩﺳﺘﻪ ﻣﺎ ﮐﺪ‌ﻫﺎ ﺭﺍ ﺑﻄﻮﺭ ﻣﺴﺘﻘﻴﻢ ﺩﺭ ﺑﺪﻧﻪ ﻓﺎﻳﻞ ﺍﭺ ﺗﯽ‌ ﺍﻡ ﺍﻝ ﻭ ﺑﻴﻦ ﺑﺮﭼﺴﺐ‌ﻫﺎﯼ ﺑﺎﺯ ﻭ ﺑﺴﺘﻪ <body> ﻗﺮﺍﺭ ﻣﯽ‌ﺩﻫﻴﻢ.

ﺑﺮﺍﯼ ﻧﻤﻮﻧﻪ ﺑﻪ ﮐﺪﻫﺎﯼ ﺯﻳﺮ ﺗﻮﺟﻪ ﺑﻔﺮﻣﺎﻳﻴﺪ:

<script>

alert(“ﺩﺭﻭﺩ ﺟﻬﺎﻥ”);

</script>

ﺑﺮﺍﯼ ﺩﻳﺪﻥ ﺧﺮﻭﺟﯽ ﮐﺪﻫﺎﯼ ﺑﺎﻻ ﺍﺑﺘﺪﺍ ﺑﺎﻳﺪ ﻳﮏ ﻓﺎﻳﻞ ﻣﺘﻦ (ﺑﺎ ﭘﺴﻮﻧﺪ txt) ﺳﺎﺧﺘﻪ ﻭ ﮐﺪﻫﺎ ﺭﺍ ﺩﺭ ﺁﻥ ﻗﺮﺍﺭ ﺩﻫﻴﻢ. ﻓﺎﻳﻠﯽ ﺑﺎ ﻧﺎﻡ Lesson2.txt ﮐﻪ ﻳﮏ ﻓﺎﻳﻞ ﻧﻮﺷﺘﻦ ﺍﺳﺖ ﺑﺴﺎﺯﻳﺪ ﻭ ﮐﺪﻫﺎﯼ ﺯﻳﺮ ﺭﺍ ﺩﺭ ﺁﻥ ﻗﺮﺍﺭ ﺩﻫﻴﺪ:

<html><head>

<title> ﺁﻣﻮﺯﺵ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ – ﺩﺭﺳﻨﺎﻣﻪ </title>

</head>

<body>

<script>

alert(“ﺩﺭﻭﺩ ﺟﻬﺎﻥ”);

</script> </body> </html>

ﻧﮑﺘﻪ: ﻫﻤﺎﻧﻄﻮﺭ ﮐﻪ ﻣﯽ‌ﺑﻴﻨﻴﺪ ﮐﺪﻫﺎﯼ ﺑﺎﺯ ﻭ ﺑﺴﺘﻪ ﺍﺳﮑﺮﻳﭙﺖ (Script) ﺭﺍ ﺩﺭ ﺩﺍﺧﻞ ﺑﺮﭼﺴﺐ‌ﻫﺎﯼ ﺍﭺ‌ ﺗﯽ‌ ﺍﻡ‌ ﺍﻝ ﻗﺮﺍﺭ ﺩﺍﺩﻩ‌ﺍﻳﻢ.

ﺑﻌﺪ ﺍﺯ ﻧﻮﺷﺘﻦ ﮐﺪﻫﺎﯼ ﺑﺎﻻ ﻓﺎﻳﻞ ﺧﻮﺩ ﺭﺍ ﺩﺭ ﭘﻮﺷﻪ‌ﺍﯼ ﮐﻪ ﺑﺮﺍﻳﺘﺎﻥ ﺑﺮﺍﺣﺘﯽ ﻗﺎﺑﻞ ﺩﺳﺘﺮﺳﯽ ﺑﺎﺷﺪ ﺑﺎ ﻧﺎﻡ ﺩﺭﺱ ﺩﻭﻡ (Lesson2.txt) ﻳﺎ ﻫﺮ ﻧﺎﻣﯽ ﮐﻪ ﺩﻭﺳﺖ ﺩﺍﺭﻳﺪ ﺛﺒﺖ ﮐﻨﻴﺪ. ﻓﺮﺍﻣﻮﺵ ﻧﮑﻨﻴﺪ ﮐﻪ ﻫﻨﮕﺎﻡ ﺛﺒﺖ ﻓﺎﻳﻞ، ﻧﻮﻉ ﻳﺎEncoding ﺁﻥ ﺭﺍ ﺍﺯ ANSI ﺑﻪ UTF-8 ﺗﻐﻴﻴﺮ ﺩﻫﻴﺪ ﻭﮔﺮﻧﻪ ﻧﻮﺷﺘﻪ‌ﻫﺎﯼ ﻓﺎﺭﺳﯽ ﺑﺼﻮﺭﺕ ﮐﺎﺭﺍﮐﺘﺮﻫﺎﯼ ﻋﺠﻴﺐ ﻧﻤﺎﻳﺶ ﺩﺍﺩﻩ ﻣﯽ‌ﺷﻮﺩ.

ﻧﮑﺘﻪ: ﺑﻌﺪ ﺍﺯ ﻧﻮﺷﺘﻦ ﮐﺪ‌ﻫﺎ ﻭﻗﺘﯽ ﻣﯽ‌ﺧﻮﺍﻫﻴﺪ ﻓﺎﻳﻞ ﺭﺍ ﺛﺒﺖ ﮐﻨﻴﺪ ﻫﺸﺪﺍﺭﯼ ﺑﻪ ﻣﻔﻬﻮﻡ «ﺍﻋﻼﻡ ﻭﺟﻮﺩ ﻧﻮﺷﺘﻪ‌ﻫﺎﻳﯽ ﮐﻪ ﻣﻤﮑﻦ ﺍﺳﺖ ﺑﺼﻮﺭﺕ ﮐﺎﺭﺍﮐﺘﺮﻫﺎﯼ ﻋﺠﻴﺐ ﻧﻤﺎﻳﺎﻥ ﺷﻮﻧﺪ»، ﺩﺭﻳﺎﻓﺖ ﻣﯽ‌ﮐﻨﻴﺪ. ﻣﺘﻦ ﺍﻳﻦ ﻫﺸﺪﺍﺭ ﺑﻪ ﺯﺑﺎﻥ ﺍﻧﮕﻠﻴﺴﯽ ﻭ ﺑﺼﻮﺭﺕ «This file contains characters in unicode…» ﻣﯽ‌ﺑﺎﺷﺪ. ﺩﺭ ﺍﻳﻨﺠﺎ ﺷﻤﺎ ﺑﺎﻳﺪ ﺍﻧﺘﺨﺎﺏ Cancel ﺭﺍ ﺑﺰﻧﻴﺪ ﺗﺎ ﭘﻨﭽﺮﻩ Save as ﺑﺎﺯ ﺷﻮﺩ. ﺩﺭ ﺍﻳﻦ ﭘﻨﭽﺮﻩ ﺷﻤﺎ ﻣﯽ‌ﺗﻮﺍﻧﻴﺪ ﻧﻮﻉ ﻓﺎﻳﻞ(Encoding) ﺭﺍ ﺍﺯ ANSI ﺑﻪ UTF-8 ﺗﻐﻴﻴﺮ ﺩﻫﻴﺪ.

ﺣﺎﻝ ﮐﻪ ﻓﺎﻳﻞ ﺭﺍ ﺳﺎﺧﺘﻪ ﻭ ﮐﺪ‌ﻫﺎ ﺭﺍ ﺩﺭ ﺁﻥ ﻗﺮﺍﺭ ﺩﺍﺩﻩ‌ﺍﻳﺪ، ﺯﻣﺎﻥ ﺍﺟﺮﺍﯼ ﺁﻥ ﻓﺮﺍ ﺭﺳﻴﺪﻩ ﺍﺳﺖ. ﺍﻣﺎ ﺍﻳﻦ ﮐﺪ‌ﻫﺎ ﺩﺭ ﻣﻴﺎﻥ ﺑﺮﭼﺴﺐ‌ﻫﺎﯼ ﺍﭺ ﺗﯽ‌ ﺍﻡ ﺍﻝ ﺍﺳﺖ، ﺍﻳﻦ ﻳﻌﻨﯽ ﺷﻤﺎ ﺑﺎﻳﺪ ﭘﺴﻮﻧﺪ ﻓﺎﻳﻞ ﺭﺍ ﺍﺯ txt. ﺑﻪ html. ﺗﻐﻴﻴﺮ ﺩﻫﻴﺪ ﺗﺎ ﻣﺮﻭﺭﮔﺮ ﺷﻤﺎ ﺍﻳﻦ ﻓﺎﻳﻞ ﺭﺍ ﺷﻨﺎﺳﺎﻳﯽ ﻭ ﺍﺟﺮﺍ ﮐﻨﺪ.

ﺑﻌﺪ ﺍﺟﺮﺍﯼ ﻓﺎﻳﻞ ﺷﻤﺎ ﺑﺎ ﺗﺼﻮﻳﺮﯼ ﻣﺎﻧﻨﺪ ﻋﮑﺲ ﺯﻳﺮ ﻣﻮﺍﺟﻪ ﻣﯽ‌ﺷﻮﻳﺪ:

ﺑﺪﻳﻦ ﺻﻮﺭﺕ ﺷﻤﺎ ﻧﺨﺴﺘﻴﻦ ﮐﺪ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﺭﺍ ﺩﺭ ﺑﺮﮔﻪ ﺍﭺ ﺗﯽ‌ﺍﻡ ﺍﻝ ﻧﻮﺷﺘﻴﺪ. ﻫﻤﺎﻧﻄﻮﺭ ﮐﻪ ﺩﻳﺪﻳﺪ ﻣﺎ ﮐﺪ‌ﻫﺎ ﺭﺍ ﺩﺭ ﺑﻴﻦ ﺩﻭ ﺑﺮﭼﺴﺐ <body> ﻭ </body> ﻗﺮﺍﺭ ﺩﺍﺩﻳﻢ.

ﻗﺮﺍﺭ ﺩﺍﺩﻥ ﮐﺪ‌ﻫﺎ ﺩﺭ ﺑﺨﺶ ﺑﺮﭼﺴﺐ ﺳﺮﺍﻳﻨﺪ (Head)
ﺩﺭ ﻗﺴﻤﺖ ﻗﺒﻠﯽ ﻧﻤﻮﻧﻪ‌ﺍﯼ ﮐﻪ ﺍﺟﺮﺍ ﮐﺮﺩﻳﻢ ﮐﺪ‌ﻫﺎ ﺭﺍ ﺑﻄﻮﺭ ﻣﺴﺘﻘﻴﻢ ﺩﺭ ﺑﺪﻧﻪ ﮔﺬﺍﺷﺘﻴﻢ ﺍﻣﺎ ﺩﺭ ﺍﻳﻦ ﻗﺴﻤﺖ ﻣﯽ‌ﺧﻮﺍﻫﻴﻢ ﮐﺪ‌ﻫﺎ ﺭﺍ ﺩﺭ ﺑﺨﺶ «ﺑﺮﭼﺴﺐ ﺳﺮﺍﻳﻨﺪ» (<head>) ﺑﺮﮔﻪ ﺍﭺ ﺗﯽ‌ ﺍﻡ ﺍﻝ ﺑﮕﺬﺍﺭﻳﻢ. ﮐﺪﻫﺎﯼ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﺑﻪ ﻣﺤﺾ ﺑﺎﺯ ﺷﺪﻥ ﻳﮏ ﺻﻔﺤﻪ ﺩﺭ ﻣﺮﻭﺭﮔﺮ ﺍﺟﺮﺍ ﻣﯽ‌ﺷﻮﻧﺪ، ﺍﻣﺎ ﮔﺎﻫﯽ ﻣﺎ ﻧﻴﺎﺯ ﺩﺍﺭﻳﻢ ﺗﺎ ﻳﮏ ﺍﺳﮑﺮﻳﭙﺖ ﺯﻭﺩ‌ﺗﺮ ﺍﺯ ﮐﺪﻫﺎﯼ ﺩﻳﮕﺮ ﺍﺟﺮﺍ ﺷﺪﻩ ﻭ ﻳﺎ ﺁﻣﺎﺩﻩ ﺑﺎﺷﺪ ﺗﺎ ﺩﺭ ﺻﻮﺭﺕ ﻻﺯﻡ ﻓﺮﺍﺧﻮﺍﻧﯽ ﺷﻮﺩ. ﺩﺭ ﺍﻳﻦ ﺯﻣﺎﻥ، ﻣﺎ ﮐﺪ‌ﻫﺎ ﺭﺍ ﺑﺎﻳﺪ ﺩﺭ ﻗﺴﻤﺖ ﺳﺮﺍﻳﻨﺪ ﻭ ﻣﺎﺑﻴﻦ ﺗﮓ head ﺑﻨﻮﻳﺴﻴﻢ ﻭ ﺩﺭ ﻗﺴﻤﺖ ﺑﺪﻧﻪ ﺁﻥ ﺭﺍ ﻓﺮﺍﺧﻮﺍﻧﯽ ﮐﻨﻴﻢ. ﺑﻪ ﻧﻤﻮﻧﻪ ﺯﻳﺮ ﺗﻮﺟﻪ ﮐﻨﻴﺪ:

<!DOCTYPE html>

<html>

<head>

<script>

function myFunction()

{

document.getElementById(“demo”).innerHTML=”ﻧﺨﺴﺘﻴﻦ ﺗﺎﺑﻊ ﺩﺭ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ”;

}

</script>

</head>

<body>

<h1>ﺩﺭﻭﺩ ﺩﻧﻴﺎ</h1>

<p id=”demo”> ﻣﺤﻞ ﺍﺳﺘﻔﺎﺩﻩ ﺍﺯ ﺗﺎﺑﻊ </p>

<button type=”button” onclick=”myFunction()”> ﺍﻧﺘﺨﺎﺏ ﮐﻨﻴﺪ </button>

</body>

</html>

ﻧﮑﺘﻪ: ﻫﺪﻑ ﺍﺯ ﺍﻳﻦ ﻧﻤﻮﻧﻪ ﺗﻨﻬﺎ ﻧﺸﺎﻥ ﺩﺍﺩﻥ ﭼﮕﻮﻧﮕﯽ ﻗﺮﺍﺭ ﮔﺮﻓﺘﻦ ﮐﺪ ﺩﺭ ﻗﺴﻤﺖ ﺑﺮﭼﺴﺐ ﺑﺎﻻ ﻫﺴﺖ. ﺩﺭ ﺍﺩﺍﻣﻪ ﺩﻭﺭﻩ ﺑﺎ ﭼﮕﻮﻧﮕﯽ ﻧﻮﺷﺘﻦ ﺗﺎﺑﻊ ﺁﺷﻨﺎ ﻣﯽ‌ﺷﻮﻳﻢ. ﺍﮐﻨﻮﻥ ﻓﻘﻂ ﺑﻪ ﻣﺤﻞ ﻗﺮﺍﺭ ﮔﺮﻓﺘﻦ ﮐﺪ‌ﻫﺎ ﺗﻮﺟﻪ ﮐﻨﻴﺪ.

ﻫﻤﺎﻧﻄﻮﺭ ﮐﻪ ﻣﯽ‌ﺑﻴﻨﻴﺪ ﺗﺎﺑﻊ ﻣﺎ ﺩﺭ ﻗﺴﻤﺖ ﺑﺎﻻ ﺗﻌﺮﻳﻒ ﺷﺪﻩ ﻭ ﺩﺭ ﻗﺴﻤﺖ ﺑﺪﻧﻪ ﻓﺮﺍﺧﻮﺍﻥ ﮔﺸﺘﻪ ﺍﺳﺖ. ﺣﺎﻝ ﺑﺎ ﺩﻭﺑﺎﺭ ﮐﻠﻴﮏ ﮐﺮﺩﻥ ﻓﺎﻳﻞ ﺭﺍ ﺍﺟﺮﺍ ﮐﻨﻴﺪ. ﺑﻌﺪ ﺍﺯ ﺍﺟﺮﺍ ﺑﺎ ﺗﺼﻮﻳﺮﯼ ﻣﺎﻧﻨﺪ ﺯﻳﺮ ﺭﻭﺑﺮﻭ ﻣﯽ‌ﺷﻮﻳﺪ:

ﺑﺎ ﻓﺸﺮﺩﻥ ﺩﮐﻤﻪ «ﺍﻧﺘﺨﺎﺏ ﮐﻨﻴﺪ» ﺗﺎﺑﻊ ﻓﺮﺍﺧﻮﺍﻥ ﻣﯽ‌ﺷﻮﺩ ﻭ ﻣﺘﻦ ﺩﻳﮕﺮﯼ ﻧﻤﺎﻳﺶ ﺩﺍﺩﻩ ﻣﯽ‌ﺷﻮﺩ.

ﻧﻮﺷﺘﻦ ﮐﺪ‌ﻫﺎ ﺩﺭ ﻳﮏ ﻓﺎﻳﻞ ﺧﺎﺭﺟﯽ
ﺩﺳﺘﻪ ﺳﻮﻡ ﺍﺯ ﮐﺪ ﻧﻮﻳﺴﯽ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﻗﺮﺍﺭ ﺩﺍﺩﻥ ﮐﺪ‌ﻫﺎ ﺩﺭ ﻳﮏ ﻓﺎﻳﻞ ﺧﺎﺭﺟﯽ ﻭ ﻭﺍﺭﺩ ﮐﺮﺩﻥ ﺁﻥ ﺩﺭ ﻓﺎﻳﻞ‌ﻫﺎﯼ ﺩﻳﮕﺮ ﺍﺳﺖ. ﻣﺎ ﻣﯽ‌ﺗﻮﺍﻧﻴﻢ ﺟﻬﺖ ﺳﺎﺩﻩ ﺳﺎﺯﯼ ﮐﺪﻧﻮﻳﺴﯽ ﻭ ﻳﺎ ﺑﺮﺍﯼ ﺟﻠﻮﮔﻴﺮﯼ ﺍﺯ ﺗﮑﺮﺍﺭ ﻳﮏ ﺍﺳﮑﺮﻳﭙﺖ ﺩﺭ ﺻﻔﺤﺎﺕ ﻭﺏ، ﺑﺮﭼﺴﺐ‌ﻫﺎﯼ ﺍﭺ ﺗﯽ‌ ﺍﻡ ﺍﻝ ﺭﺍ ﺩﺭ ﻳﮏ ﺻﻔﺤﻪ ﻭ ﮐﺪﻫﺎﯼ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﺭﺍ ﺩﺭ ﻳﮏ ﻓﺎﻳﻞ ﺟﺪﺍﮔﺎﻧﻪ ﺩﺍﺧﻞ ﺑﺮﮔﻪ ﺩﻳﮕﺮﯼ ﺑﻨﻮﻳﺴﻴﻢ ﻭ ﺑﺎ ﭘﺴﻮﻧﺪ js ﺁﻧﻬﺎ ﺭﺍ ﺫﺧﻴﺮﻩ ﮐﻨﻴﻢ ﺳﭙﺲ ﺩﺭ ﻫﺮ ﻗﺴﻤﺖ ﺑﺮﮔﻪ ﺍﭺ ﺗﯽ‌ ﺍﻡ ﺍﻝ ﮐﻪ ﻻﺯﻡ ﺑﻮﺩ، ﻭ ﻳﺎ ﺩﺭ ﻗﺴﻤﺖ ﺳﺮﺍﻳﻨﺪ ﺁﻥ ﺭﺍ ﻭﺍﺭﺩ ﮐﻨﻴﻢ.

ﮐﺪﻫﺎﯼ ﺯﻳﺮ ﺭﺍ ﺩﺭ ﻳﮏ ﻓﺎﻳﻞ ﻧﻮﺷﺘﻪ ﻭ ﺁﻧﺮﺍ ﺑﻪ ﺍﺳﻢ javascript.js ﺫﺧﻴﺮﻩ ﮐﻨﻴﺪ:

document.write (” ﮔﺮﻓﺘﻦ ﺩﺍﺩﻩ ﺍﺯ ﻓﺎﻳﻞ ﺧﺎﺭﺟﯽ “)

ﺣﺎﻝ ﺑﺮﮔﻪ‌ﺍﯼ ﺩﻳﮕﺮ ﺑﺎ ﻧﺎﻡ Lesson2-3.html ﺳﺎﺧﺘﻪ ﻭ ﮐﺪﻫﺎﯼ ﺯﻳﺮ ﺭﺍ ﺩﺭ ﺁﻥ ﻗﺮﺍﺭ ﺩﻫﻴﺪ:

<!DOCTYPE html>

<html>

<head>

<script language=”javascript” type=”text/javascript” src=”javascript.js”>

</script>

</head>

<body>

</body>

</html>

ﻫﻤﺎﻧﻄﻮﺭ ﮐﻪ ﻣﯽ‌ﺑﻴﻨﻴﺪ ﺑﺎ ﺍﺟﺮﺍ ﮐﺮﺩﻥ ﻓﺎﻳﻞ ﺍﭺ ﺗﯽ‌ ﺍﻡ ﺍﻝ، ﻧﻮﺷﺘﻪ‌ﺍﯼ ﮐﻪ ﺷﻤﺎ ﺩﺭ ﮐﺪ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ- ﺩﺭ ﻓﺎﻳﻞ ﺧﺎﺭﺟﯽ- ﻗﺮﺍﺭ ﺩﺍﺩﻩ‌ﺍﻳﺪ، ﻧﻤﺎﻳﺎﻥ ﻣﯽ‌ﺷﻮﺩ. ﻳﻌﻨﯽ ﻭﻗﺘﯽ ﺷﻤﺎ ﻓﺎﻳﻞ Lesson2-3.html ﺍﺟﺮﺍ ﻣﯽ‌ﮐﻨﻴﺪ (ﺭﻭﯼ ﺁﻥ ﺩﻭ ﺑﺎﺭ ﮐﻠﻴﮏ ﻣﯽ‌ﮐﻨﻴﺪ)، ﺑﺮﮔﻪ ﮐﺪ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﮐﻪ ﻧﺸﺎﻧﯽ‌ﺍﺵ ﺭﺍ ﺩﺍﺩﻩ‌ﺍﻳﻢ ﻓﺮﺍﺧﻮﺍﻥ ﻣﯽ‌ﺷﻮﺩ ﻭ ﮐﺪ ﺩﺍﺧﻞ ﺁﻥ ﻧﻮﺷﺘﻪ ﺭﺍ ﻧﻤﺎﻳﺶ ﻣﯽ‌ﺩﻫﺪ.

ﺧﺼﻮﺻﻴﺖ ﻳﺎ ﻭﻳﮋﮔﯽ‌ﻫﺎﯼ ﺑﺮﭼﺴﺐ Script
ﺑﺮﭼﺴﺐ ﺍﺳﮑﺮﻳﭙﺖ ﮐﻪ ﺑﺮﭼﺴﺐ ﺍﺻﻠﯽ ﻣﺸﺨﺺ ﮐﻨﻨﺪﻩ ﮐﺪﻫﺎﯼ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﺍﺳﺖ ﺩﺍﺭﺍﯼ ﻳﮏ ﺳﺮﯼ ﻭﻳﮋﮔﯽ‌ﻫﺎﻳﯽ ﻣﯽ‌ﺑﺎﺷﺪ ﮐﻪ ﺗﻮﺳﻂ ﺁﻧﻬﺎ ﺑﻬﺘﺮ ﺑﻪ ﻣﺮﻭﺭﮔﺮ ﺷﻨﺎﺳﺎﻧﺪﻩ ﻣﯽ‌ﺷﻮﺩ.

ﻭﻳﮋﮔﯽ ﺯﺑﺎﻥ ﻳﺎ Language
ﺍﻳﻦ ﺑﺮﭼﺴﺐ ﻧﻘﺶ ﻣﺸﺨﺺ ﮐﺮﺩﻥ ﺯﺑﺎﻥ ﮐﺪ‌ﻫﺎ ﺭﺍ ﺑﺎﺯﯼ ﻣﯽ‌ﮐﻨﺪ. ﺑﺮﺍﯼ ﺑﺮﭼﺴﺐ ﺯﺑﺎﻥ ﺑﺎﻳﺪ ﻣﻘﺪﺍﺭ javascript ﺑﻪ ﺻﻮﺭﺕ ﺯﻳﺮ ﻧﻮﺷﺘﻪ ﺷﻮﺩ:

<script language=”javascript”>

……..

</script>

ﻭﻳﮋﮔﯽ ﻧﻮﻉ ﻳﺎ Type
ﺍﻳﻦ ﺑﺮﭼﺴﺐ ﻧﻮﻉ ﮐﺪ‌ﻫﺎ ﺭﺍ ﺑﻪ ﻣﺮﻭﺭﮔﺮ ﻣﯽ‌ﺷﻨﺎﺳﺎﻧﺪ ﻭ ﺷﻴﻮﻩ ﻧﻮﺷﺘﻦ ﺁﻥ ﺑﺼﻮﺭﺕ ﺯﻳﺮ ﺍﺳﺖ:

<script type=”text/javascript”>

</script>

ﻭﻳﮋﮔﯽ ﻣﻨﺒﻊ ﻳﺎ src (Source)
ﺍﺯ ﺍﻳﻦ ﺑﺮﭼﺴﺐ ﺩﺭ ﺯﻣﺎﻥ‌ﻫﺎﻳﯽ ﮐﻪ ﻣﯽ‌ﺧﻮﺍﻫﻴﻢ ﺍﺯ ﮐﺪﻫﺎﯼ ﺟﺎﻭﺍ ﺍﺳﮑﺮﻳﭙﺖ ﮐﻪ ﺩﺭ ﻓﺎﻳﻞ ﺧﺎﺭﺟﯽ ﻗﺮﺍﺭ ﺩﺍﺭﺩ ﺍﺳﺘﻔﺎﺩﻩ ﮐﻨﻴﻢ، ﺑﻬﺮﻩ ﻣﯽ‌ﺑﺮﻳﻢ. ﻫﻤﺎﻧﻄﻮﺭ ﮐﻪ ﺩﺭ ﺑﺨﺶ «ﻧﻮﺷﺘﻦ ﮐﺪ‌ﻫﺎ ﺩﺭ ﻳﮏ ﻓﺎﻳﻞ ﺧﺎﺭﺟﯽ» ﺩﻳﺪﻳﺪ ﻣﺎ ﺍﺯ ﺍﻳﻦ ﻭﻳﮋﮔﯽ ﺍﺳﺘﻔﺎﺩﻩ ﮐﺮﺩﻳﻢ.

ﺑﺪﻳﻦ ﺗﺮﺗﻴﺐ ﻧﺴﺨﻪ ﮐﺎﻣﻞ ﺑﺮﭼﺴﺐ ﺍﺳﮑﺮﻳﭙﺖ ﺑﺎﻳﺪ ﺑﺼﻮﺭﺕ ﺯﻳﺮ ﺑﺎﺷﺪ:

<script language=”javascript” type=”text/javascript” src=”ﻧﺎﻡ ﻭ ﻧﺸﺎﻧﯽ ﻓﺎﻳﻞ ﺧﺎﺭﺟﯽ”>

</script>

ﺩﺭ ﺍﻳﻦ ﺻﻮﺭﺕ ﻣﺎ ﺯﺑﺎﻥ، ﻧﻮﻉ ﮐﺪ‌ﻫﺎ ﻧﺎﻡ ﻭ ﻧﺸﺎﻧﯽ ﻣﻨﺒﻊ ﻓﺎﻳﻞ ﺧﺎﺭﺟﯽ ﺭﺍ ﺑﻪ ﻣﺮﻭﺭﮔﺮ ﻣﻌﺮﻓﯽ ﮐﺮﺩﻩ‌ﺍﻳﻢ.

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

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

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

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

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

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

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