هم در قسمت HEAD :


اگر كدهاي Java Script در قسمت Head وارد شوند ، مطمئن خواهید بود كه در هنگام بارگذاري صفحه برنامه شما در حافظه Load ميشود قبل از اينكه كسي از صفحه استفاده كند.
هم در قسمت Body :


اگر كدها در قسمت Body باشند اين كد معمولا قسمتهاي ديگر صفحه را ايجاد ميكند.
مثال :
وقتي كه كد در قسمت Body باشد :


در اين مثال وقتي صفحه بارگذاري ميشود يك پيغام HELLO USER براي شما نمايش داده ميشود.

اين عبارت را در يك فايل به نام xxx.js ذخيره ميكنيم.
و حال آنرا در كد HTML خودمان فرا می خوانیم.

1-اسم متغير به حروف بزرگ و كوچك حساسيت دارد.
2-اسم متغير ها بايد با حرف شروع شود.
-در تعريف متغير استفاده از كلمه Var دلخواه است.
Var strname
مقدار دهي به متغير ها :

جمع +
تفريق -
ضرب *
تقسيم /
باقيمانده %
افزايش يک واحدي ++
کاهش يک واحدي --
تعريف عملگر هاي مقايسه اي
معادل بودن ==
برابر نبودن !=
بزرگتر از >
كوچكتر از < /
بزرگتر يا مساوي >=
كوچكتر يا مساوی <=
تعريف عملگر هاي منطقي :
and &&
OR ||
NOT !
تعريف عملگر رشته اي :
الحاق دو رشته +
مثال:

Function اسم تابع (arg1,arg2,…){
JS كد هاي
}
يك تابع ميتواند آرگومان هم نداشته باشد.
مثال :

- يك تابع هنگامي اجرا ميشود كه آن را فراخواني کرده باشیم . به منظور فراخوانی یک تابع ملزم به استفاده از آرگومان ( arg1,arg2) می باشیم ، با این توضیح که نام آرگومانها بدون () باشند . اگر يك تابع مقداري براي باز گرداندن به برنامه اصلي داشت بايد آن را توسط Return برگردانيم.
مثال :

اگر بخواهيم براي User يك پيغام بنويسيم :


جملات شرطي :
الف-IF
If ( شرط )
{
در صورت درست بودن شرط كد ها اجرا ميشوند
}
ب- IF……ELSE
If ( شرط )
{
در صورت درست بودن شرط
}
else
{
در صورت درست نبودن شرط
}
مثال :
اگر ساعت قبل از 10 باشد Good Morning نشان مي دهد و در غير اين صورت Good Day نشان ميدهد.

Switch ( شرط)
{
case Label 1 :
باشد اين كدها اجرا ميشود Label 1 اگر شرط برابر [ Codes]
Break
Case Label 2 :
باشد اين كدها اجرا ميشود Label 2 اگر شرط برابر [ Codes]
Break
Default :
نباشد اين كدها اجرا ميشود Label , Label 2 اگر شرط برابر [ Codes]
}
مثال :

Script يك زبان برنامه نويسي Object Oriented ( شيء گرا ) ميباشد.
در اين قسمت مفهوم شيء گرايي می پردازیم. يك برنامه O-O شامل مفاهيم Object ، Properties ، Methods و Events ميباشد.
Objects : در دنياي حقيقي ، اشياء مانند كامپيوتر ، دوچرخه و ... ميباشند. در زبان JS اشياء درون Browser ها بوده و عبارتند از پنجره ها ، فرمها، دكمه ها و Check Box ها.
Properties : اشياء نيز داراي مشخصه هايي ميباشند. مثلاً گربه داراي پوست ميباشد، كامپيوتر داراي كيبورد و دوچرخه داراي چرخ است.
Methods : كاري كه اشياء ميتوانند انجام دهند Methods ناميده ميشود.
Events (وقايع): عملياتي هستند كه كاربر در هنگام كار با صفحه طراحي شده ، انجام ميدهد. پذيرش (Submitting) يك فرم و تغيير مكان نشانگر ماوس بر روي يك تصوير دو نمونه از حالات و وقايع اتفاق افتاده است.
این وقایع توسط دستوراتي به نام Event Handler برنامه، كنترل می شوند.

1- حلقه تكرار While :
While ( شرط ){
JS كدهاي
}
2- حلقه تكرار Do…While :
Do
{
JS كدهاي
}
while (شرط )
3- حلقه تكرار For:
For ( مقدار اوليه ; شرط ; افزايش )
{
JS كدهاي
}
مثالي از حلقه For :

آبجكت String : آبجكت String براي كار كردن با متن است. Length ، يك Property براي String است كه تعداد كاراكتر هاي موجود در رشته را بر مي گرداند.
Length:
مثال :


خروجي برنامه:
Esfahan Information Technology Center 37
Fontcolor () رنگ متن را عوض ميكند.
Index Of () مكان كاراكتر داده شده را بر ميگرداند.
Match () يك لغت در متن را پيدا ميكند.
Substr () يك لغت در متن را پيدا ميكند.
To LowerCase () به حروف كوچك تبديل ميكند.
To UpperCase () به حروف بزرگ تبديل ميكند.
مثال از متد FontColor()


مثالي از متد IndexOf()


اين مثال تست ميكند كه آيا يك متن حاوي يك لغت خاص است يا نه. اگر آن لغت خاص در متن باشد مكان اولين كاراكتر از آن لغت را برميگرداند. اولين مكان در متن با عدد 0 مشخص ميشود.
W3 School Is Great 0 1 2 مثال از متد Match () :


تست ميكند كه آيا يك رشته حاوي يك لغت خاص است يا نه.
مثال از متدsubstring() , substr() :


خروجي :
Format Form

تعريف يك آرايه :
براي تعريف آرايه حتماً بايد از كلمه New استفاده کرد.
(Var My-name=new Array(5
ايجاد ميكند My-name اين دستور يك آرايه پنج تايي به نام مقدار دهي به آرايه :


چاپ اعضاء آرايه :
چاپ همه اعضاء آرايه

معرفي متد ها و خصوصيات يك آرايه :
Length تعداد عناصر يك آرايه را برميگرداند.
Concat() دو آرايه را به هم الحاق ميكند.
Reverse() آرايه را معكوس ميكند.
Sort() آرايه را مرتب ميكند.
Join() رشته اي الحاق شده از تمام اعضاء آرايه برميگرداند.
Slice() يك تكه از آرايه ، برميگرداند .
مثال :


چيزي كه بين اعضاء آرايه قرار ميگيرد.

آبجكت Date :
هنگامي كه بخواهيم با مقادير زمان و تاريخ كار كنيم از اين Object استفاده ميكنيم .براي تعريف يك آبجكت Date بايد از دستور زير استفاده كنيم.
Var my-date=new Date()
بعد از تعريف Object جديد با استفاده از متد ها ميتوان به مقادير آبجكت Date دسترسي داشته باشيم.

معرفي متدهاي Date :
Date() Date برميگرداند
آبجكت set / getDate() روزهاي هفته را برميگرداند (1-31) / تنظيم ميكند
set / getDay() روز هاي هفته را برميگرداند (6-0) set / getMonth()ماه را برميگرداند (11-0) / تنظيم ميكند
set / getHour()ساعت را برميگرداند / تنظيم ميكند set / getMinutes() دقيقه را برميگرداند / تنظيم ميكند
set / getSecond() ثانيه را برميگرداند / تنظيم ميكند
set / getYear() سال را برميگرداند / تنظيم ميكند

آبجكتهاي Window :


مثال:

باز كردن يك پنجره جديد window.open
در اين مثال وقتي روي كليد Open كليك كنيم يك پنجره جديد باز ميشود كه حاوي URL سايت Yahoo ميباشد.
مثال تكميلي براي تغيير خصوصيات پنجره باز شده :


مثالي از تركيب متدهاي Confirm , alert :

چگونه يك پيغام را در خط وضعيت (Status Bar) اينترنت اكسپلورر قرار دهيم؟

گرفتن Print از صفحه :


مثال :
به وسيله اين مثال ميتوان در يك صفحه چندين پيوند را نشان داد

آبجكت Browser :
1- تشخيص نوع Browser :


توسط Property از آبجكت Navigator می توان نوع Browser را مشخص كنيم. براي آبجكت Navigator ،Property هاي ديگري نيز وجود دارد :
نوع Browser
Navigator . appName تشخيص ورژن
Browser .appVersion تشخيص سيستم عامل .Platform
آدرس موجود در خط آدرس Browser را ميدهد .Referrer براي اينكه آيا يك Plugin نصب است .Plugins
2- تشخيص Resolution مانيتور :


3- تشخيص Mode رنگ كامپيوتر :


مثال قرار دادن پيامها در Status Bar :


هنگامي كه روي لينك My Son ميرويم در خط وضعيت عبارت Best Kind In The World نمايش داده ميشود.

ايجاد Rollover ها :
مفهوم Rollover بسيار ساده ميباشد. بدين معنا كه ابتدا دو تصوير وجود داشته تصوير اول در هنگام دريافت صفحه وب توسط كاربر در Browser نمايش داده ميشود. بعد از اينكه كاربر ماوس را بر روي اولين تصوير برد، Browser پس از چند ثانیه تصوير دوم را با تصوير اول عوض ميكند.
مثال :

آبجكت Frame :
بررسي تگ Frame در HTML :
مفهوم Frameset مشخص كننده چندين قاب در صفحه وب بوده و داراي تگهاي Frame براي هر صفحه ميباشد .
Border اندازه مرز بين قابها را بر حسب پيكسل مشخص ميكند .
Cols ابعاد ستونها را بر حسب پيكسل براي هر قاب مشخص ميكند .
Frameboard با مقادير Yes , No وجود خطوط مرزي بين قابها را مشخص ميكند .
Rows ابعاد سطرها را بر حسب پيكسل براي هر قاب مشخص ميكند .
Frame مكان و ويژگي هر قاب را مشخص ميكند.
Name براي ارجاع صفحات مجموعه قاب توسط Java Script استفاده ميشود.
SRC آدرس صفحه در قاب مشخص ميشود.

مثال :