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

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


1) روش گذاشتن جاوا اسکریپت در html:
شما برای یاد گرفتن زبان جاوا اسکریپت باید اول به زبان html تسلط داشته باشین.
برای گذاشتن جاوا اسکریپت در قالب html، باید از این تگ استفاده کنید:
[HTML]<script type="text/javascript">code js shoma.</script>[/HTML]برای اینکه یه فایل جاوا اسکریپت دارین و میخواین تو قالب بگین که از آدرس اون فایل استفاده کنه هم:
[HTML]<script type="text/javascript" src="adderss"></script>[/HTML]
2) میخوایم یه متن ساده روی صفحه مرورگر بنویسه:
[HTML]document.write ('matne shoma');[/HTML]3) میخوایم یه پیام تو یه پنجره جدید بده:
[HTML]alert ('payame shoma');[/HTML]همون طور که گفتم همه ی این کد ها باید در بین دو تگی که در قسمت 1 هست قرار بگیرن.

4) Variables - تغییر پذیر ها:
شما یه متنی دارین که میخواین چند جا بذارینش و نمی خواین هر دفعه اونو تایپ کنید.
و فقط وقتی مخفف اون رو که قبلا ذکر کردین رو میخواین بیارین:
[HTML]var esme variable = 'matn' ;[/HTML]5) prompt:

میخواین یه پنجره باز شه که از کاربر مشخصاتی رو بگیره:
[HTML]prompt ('matni ke mikhayn zaher she');[/HTML]اگه خوب توضیح ندادم بهترین کار اینه که خودتون توی یه صفحه html همشونو امتحان کنید.
اگه کدی چیزی خواستین بگین شاید بتونم کمک کنم.

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

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

6) اگر - if :
شما میخواین بگین اگه یه var مساوی بود با 1 به کاربر پیام بده درست و اگه مساوی نبود بزنه غلط:
[HTML] var harchi = '12';
if (harchi=='1') {
alert ('dorost')
}
else {
alert ('ghalat!')
}[/HTML]

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

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

7) navigator:
میخواین به کاربر بگه که از چه سیستم عاملی، از چه نوع مرورگری و چه ورژنی استفاده می کنه:
سیستم عامل:
[HTML]alert (navigator.platform);[/HTML]یادتون باشه که حتما باید ; آخر هر کد گذاشته بشه به جز if
نوع مرورگر:
[HTML]alert (navigator.appName);[/HTML]ورژن برنامه:
[HTML]alert (navigator.appVersion);[/HTML] توضیحات بیشتر در:

کد:

---

http://www.w3schools.com/js/js_browser.asp

---

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

8) function:
function کار همون function توی php رو می کنه.
کارش اینه که شما می خواین یه کد رو طرح کنین و وقتی که اسم function اومد اون کار کنه مثلا:
در بین head این کد رو میذاریم:
[HTML]function esmefuncrion () {
alert ('payame shoma')
}[/HTML]
در بین دو تگ body هم این کد رو میذاریم:
[HTML]<form>
<input type="button" OnClick="esmefunction ()"/>
</form>[/HTML]

9) انداختن کد html در یه alert یا document.write:
برای انداختن یه کد html در document.write یا alert box باید مثل این کد عمل کنید:
[HTML]document.write ('<!--code html-->');[/HTML]
یا جای document.write کلمه ی alert رو بذارین.

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

انتقال یافت.

10) setInterval:
با استفاده از این اسکریپت، می توانید یک function رو بار ها و بار ها پس از زمان مشخصی انجام دهید.
نمونه:
[HTML]function harchi() {
alert ('salam')
}

setInterval ('harchi()',zaman be hezarome sanie masalan 1000);[/HTML]این کد، باعث میشه که هر ثانیه یک alert به کاربر برسه که توش نوشته شده: salam.
نکته: اگر از document.write در function خود استفاده می کنید، برای این که هر متن در خط بعد از متن قبل بیفتد، می توانید از شماره ی 8 استفاده کرده و یک کد [HTML]<br/>[/HTML] در آخر آن بیندازید.

11) میخواین یه Button یا دکمه داشته باشین که یکی از این کار هایی رو که قبلا ذکر کردم رو انجام بده:
[HTML]<input type="button" OnClick="code js" />[/HTML]

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