ورود

نسخه کامل مشاهده نسخه کامل : آموزش مقدماتی تا پیشرفته جاوا اسکریپت (Javascript)


kian98
18-07-2014, 09:26
بنام خدا

دوستان قراره که اینجا آموزش جاوااسکریپت قرار بدم.
بنده حدود یک هفته ای هست که کلاس آموزش جاوااسکریپت میرم برای همین تصمیم گرفتم که چیزهایی که یادمی گیرم رو در اینجا قرار بدم.
این آموزشها شامل آموزش کدها و قواعد این زبان هست.
این آموزش ها صرفا برای بر و بچز P30WORLD هست.:n10:

خدانگهدار
kian98
18-07-2014, 10:09
بخش اول: روش قرار دادن کدهای جاوااسکریپت درون سند HTML:
قبل از هرچیزی اینو بگم که زبان جاوااسکریپت به بزرگی و کوچیکی حروف و کدها حساس نیست برای مثال توی جاوااسکریپت LANGUAGE و language یک مفهوم رو میرسونه.

از دو روش ما می تونیم جاوااسکریپت رو توی یک سند HTML قرار بدیم:

#1روش اولی اینه که کدهای جاوااسکریپت مون رو در داخل دو تگ (برچسب) قرار بدیم. این تگ ها ، تگ به صورت روبرو هستند <SCRIPT>و <SCRIPT/>.

#2روش دوم هم اینه که از برچسب هایی بنام برچسب های مدیریت رویداد (even handling) استفاده کنیم که در ادامه توضیحشون میدم.
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
خوب الان میخوام طرز استفاده از دو روش بالا رو یادتون بدم.

آموزش روش اول:
همونطور که در بالا یادگرفتید اگه ما دستورالعمل هامون رو در بین تگ های <SCRIPT>و <SCRIPT/> بیاریم می تونیم دستورات جاوااسکریپت رو در سند اچ تی ام ال قرار بدیم. ولی بهتره از language به عنوان option (تنظیم) هم در تگ های اسکریپت استفاده کنیم . این آپشن معرف اون هست که در این سند اچ تی ام ال از چه زبان اسکریپتی داره استفاده میشه.
این به این خاطر هست که در سند اچ تی ام ال به غیر از زبان جاوا اسکریپت زبان های اسکریپتی دیگه ای هم استفاده میشه. (در کل واسه این هست که کدها قاطی نشوند) :n02:
خوب مثالمون رو میخوام در زیر بهتون نشون میدم طبق معمول هم از کلمه Hello World معروف استفاده میکنم.

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
در کدهای بالا همونطور که دیدید دستورالعمل های جاوا اسکریپت در بین برچسب های<HEAD> قرار گرفتند. اگر کلمه Hello World در بین برچسب های <BODY> هم قرار می گرفت بازهم نتیجه هر دوشون یکی بود.


نکته: از اونجایی که برچسب های <HEAD> قبل از برچسب های <BODY> میان بهتره (قاعده اش اینه) که همه توابع و متغیرهای سرتاسری در بدنه در بین برچسب های <HEAD> آورده بشند و دستورالعمل های جاوا اسکریپت مربوط به سند در بدنه سند HTML بیان.
kian98
18-07-2014, 10:41
ادامه

آموزش روش دوم (مدیریت رویدادها):
وجود این رویدادها یا همون events صفحات وبی که استاتیک هستند رو تبدیل به صفحاتی داینامیک میکنه.این رویدادها بواسطه عملیاتی مثل کلیک کردن دکمه موس و یا سابمیت (Submit) کردن فرم ها یا خروج از یک صفحه که توسط کاربر انجام میشه بوجود میان.

متغیرها و Literal ها:
بر خلاف جاوا، تنها چند نوع داده زیر توسط جاوااسکریپت شناخته میشند.


#1 اعداد حقیقی و صحیح (مثل 39 و 4.156)
#2رشته ها (مثل "Heare Is P30world Forum")
#3مقادیر منطقی (Boolean) و مقادیر True و False
#4 Null که یکی از کلمات کلیدی و مشخص کننده مقدار null (تهی) هست.

فکر می کنید که این مقدار داده ها واسه جاوااسکریپت کمه؟ بله کم هست ولی بالاخره کارشو راه میندازه و واسه جاوااسکریپت کافیه.


نکته: اعداد صحیح و اعداد حقیقی در جاوااسکریپت از هم دیگه جدا نشده اند و هردوتاشون به عنوان عدد حساب می شوند.

در جاوا اسکریپت صراحتا برای تاریخ نوع داده ای معرفی نشده ولی به هر حال واسه استفاده طراحان در قالب توابع مربوط به تاریخ شی پیش ساخته ای موسوم به Date پیش بینی شده.

در پایین چگونگی تعریف نمونه هایی از شی Date آورده شده:

( ) dateobject Name=new Date

("dateobject Name=new Date("month day,year hours:minutes:seconds

(dateobject Name=new Date(year,month,day

(dateobject Name=new Date(year,month,day,hours,minutes,seconds
kian98
18-07-2014, 11:36
تعریف متغیرها: بر اساس قاعده تعریف شده اسم متغیر با یک حرف یا علامت - underscore شروعو سایر کاراکتر های آن می تواند حروف الفبای لاتین کوچک و بزرگ، اعداد (0 تا 9) و یا underscore باشد. در زیر نمونه هایی از اسامی صحیح متغیرها در جاوااسکریپت آورده شده:
First_Name T99 _name
نکته: نام متغیر نباید هیچ وقت مثل کلمات کلیدی جاوااسکریپت باشه. می تونید در جدول زیر کلمات کلیدی جاوااسکریپت رو ببینید. :n20:
super int extends abstract switch interface false boolean synchronized long final break this native finally byte throw new float case throws null for catch transient package function char true private goto class try protected if const var public implements continue val return import default while short in do with static instanceof double else نکته: علاوه بر اونکه کلمات کلیدی نمی تونند به عنوان نام متغیر بکار برند نمی تونند به عنوان نام تابع و متد و شی هم بکار برند.
msadri
04-12-2014, 09:57
سلام
من می خواستم هنگام خروج از صفحه وب asp (با کلیک بر روی لینک دیگر) یک تابع javascript مربوط به صفحه اجرا شود، باید چه کدی رو بنویسم؟
kian98
10-05-2015, 20:23
سلام
من می خواستم هنگام خروج از صفحه وب asp (با کلیک بر روی لینک دیگر) یک تابع javascript مربوط به صفحه اجرا شود، باید چه کدی رو بنویسم؟

سلام

کافیه درون شناسه href درون لینک به جای آدرس به صورت زیر عمل کنید :


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

در کد بالا به جای « function name » اسم تابع خودتون رو بنوسید مثل زیر :

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

البته میتونید حتی به جای فراخونی تابع خود کدهاتون رو بنویسید مثل :

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
kian98
06-07-2016, 12:19
سوالی داشتید در خدمتیم !