آموزش طراحي صفحات وب (پيشرفته)

[N I M A]

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

[N I M A]

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

[N I M A]

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

[N I M A]

آبجكت 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

[N I M A]

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

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

[N I M A]

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

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

[N I M A]

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

[N I M A]

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

[N I M A]

آبجكتهاي Window :

مثال:

[N I M A]

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

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