آموزش جاوا اسکریپت - مبتدی

[m.m.m5651]

سلام.
امروز میخوام آموزش چیز های پایه ای جاوا اسکریپت رو براتون بذارم.
خودم بهتون توصیه می کنم که فیلم های آموزشی این سایت رو به انگلیسی ببینید ولی چون بعضیا انگلیسیشون خوب نیست این مطلبو میذارم شما هم اگه خوشتون اومد تشکر رو بزنید و اگر هم سوالی یا درخواستی داشتین همین جا مطرح کنید.
این زبان به نظر من خیلی شبیه زبان php هست.
thenewboston.com
ممنون.


1) روش گذاشتن جاوا اسکریپت در html:
شما برای یاد گرفتن زبان جاوا اسکریپت باید اول به زبان html تسلط داشته باشین.
برای گذاشتن جاوا اسکریپت در قالب html، باید از این تگ استفاده کنید:

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

برای اینکه یه فایل جاوا اسکریپت دارین و میخواین تو قالب بگین که از آدرس اون فایل استفاده کنه هم:

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

2) میخوایم یه متن ساده روی صفحه مرورگر بنویسه:

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

3) میخوایم یه پیام تو یه پنجره جدید بده:

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

همون طور که گفتم همه ی این کد ها باید در بین دو تگی که در قسمت 1 هست قرار بگیرن.

4) Variables - تغییر پذیر ها:
شما یه متنی دارین که میخواین چند جا بذارینش و نمی خواین هر دفعه اونو تایپ کنید.
و فقط وقتی مخفف اون رو که قبلا ذکر کردین رو میخواین بیارین:

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

5) prompt:

میخواین یه پنجره باز شه که از کاربر مشخصاتی رو بگیره:

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

اگه خوب توضیح ندادم بهترین کار اینه که خودتون توی یه صفحه html همشونو امتحان کنید.
اگه کدی چیزی خواستین بگین شاید بتونم کمک کنم.

---------- Post added at 06:58 PM ---------- Previous post was at 06:57 PM ----------

یادم رفت بگم همه ی این کد ها بین تگی که گفتم و بین دو تگ head در فایل html شما قرار می گیره.

[m.m.m5651]

6) اگر - if :
شما میخواین بگین اگه یه var مساوی بود با 1 به کاربر پیام بده درست و اگه مساوی نبود بزنه غلط:

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

مفاهیم:
== یعنی مساوی
else یعنی دیگر (اینجا یعنی اگر if قبلی درست در نیومد)

مشخصه که به کاربر پیام میده ghalat! چون 12 == 1 غلط است!

[m.m.m5651]

7) navigator:
میخواین به کاربر بگه که از چه سیستم عاملی، از چه نوع مرورگری و چه ورژنی استفاده می کنه:
سیستم عامل:

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

یادتون باشه که حتما باید ; آخر هر کد گذاشته بشه به جز if
نوع مرورگر:

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

ورژن برنامه:

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

توضیحات بیشتر در:

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

نکته در مورد Alert: همون طور که از اسمش پیداست alert یه پیامی رو تو یه صفحه جدید میده.
اگه بخواین یه variable یا یه کد جاوا اسکریپت توی alert یا document.write بندازین دیگه نباید ' بذارین.

[m.m.m5651]

8) function:
function کار همون function توی php رو می کنه.
کارش اینه که شما می خواین یه کد رو طرح کنین و وقتی که اسم function اومد اون کار کنه مثلا:
در بین head این کد رو میذاریم:

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

در بین دو تگ body هم این کد رو میذاریم:

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

[m.m.m5651]

9) انداختن کد html در یه alert یا document.write:
برای انداختن یه کد html در document.write یا alert box باید مثل این کد عمل کنید:

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

یا جای document.write کلمه ی alert رو بذارین.

[m.m.m5651]

از کاربرد های شماره 9 میشه به مواقعی که میخواین یه کدی رو که بلاگفا گذاشتنش رو ممنوع کرده اشاره کرد.

[eAmin]

انتقال یافت.

[m.m.m5651]

10) setInterval:
با استفاده از این اسکریپت، می توانید یک function رو بار ها و بار ها پس از زمان مشخصی انجام دهید.
نمونه:

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

این کد، باعث میشه که هر ثانیه یک alert به کاربر برسه که توش نوشته شده: salam.
نکته: اگر از document.write در function خود استفاده می کنید، برای این که هر متن در خط بعد از متن قبل بیفتد، می توانید از شماره ی 8 استفاده کرده و یک کد

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

در آخر آن بیندازید.

[m.m.m5651]

11) میخواین یه Button یا دکمه داشته باشین که یکی از این کار هایی رو که قبلا ذکر کردم رو انجام بده:

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

[afterpc]

آموزش هات عالی هستن. فقط اگه وقتت رو نگیره (که با اون سرعتی که تو داری عمرا بگیره!) بعد از هر 5 یا 10 آموزش برای همشون یه نمونه نشون بده. ممنون.