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

سلام.
امروز میخوام آموزش چیز های پایه ای جاوا اسکریپت رو براتون بذارم.
خودم بهتون توصیه می کنم که فیلم های آموزشی این سایت رو به انگلیسی ببینید ولی چون بعضیا انگلیسیشون خوب نیست این مطلبو میذارم شما هم اگه خوشتون اومد تشکر رو بزنید و اگر هم سوالی یا درخواستی داشتین همین جا مطرح کنید.
این زبان به نظر من خیلی شبیه زبان 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 آموزش برای همشون یه نمونه نشون بده. ممنون.

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

این هم نمونه ها:

کد:

---

http://dl.mmmdownload.uphero.com/weblog-files/js-html/nemoone.html

---

ببخشید سرور من هاستم رو پاک کرد و همه ی فایل هام پرید. لینک نمونه ها هم فعلا خرابه. :41:

12) loop ها:
loop ها رو احتمالا اسمشون رو زیاد شنیده اید.
loop به کدی گفته میشه که شبیه setInterval یه کد رو یه بند اجراء می کنه با این تفاوت که در loop ها میشه تنظیم کرد که تا 5 بار بیشتر کد رو انجام نده.
هم چنین نمیشه گفت که هر چند ثانیه یک بار اون کد رو انجام بده.
loop ها در زبان های مختلف برنامه نویسی و طراحی وب هستن و اگر یک بار اون ها رو یاد بگیرید برای همیشه راحتین.
- while loop:
while یک نوع loop است که مانند if کار می کند. شما کد رو می نویسید و می گویید که اگر تست درست بود کد اجرا بشود.
مثلا یک نوع تست:

کد:

---

var x = 0;
while (test masalan x > 25) {
code
x++
}

---

در این کد جای code باید کدی رو که می خواین مرتب اجرا بشه رو بذارین.
هم چنین قسمت قرمز رنگ هم باید همیشه باشد و نشانگر این است که با هر دفعه اجرای کد، یکی به variable ِ X اضافه کند.
اگر این کد نباشه x همیشه مساوی می مونه با 0 و دیگه هیچ وقت هم کد متوقف نمیشه چون ما گفتیم وقتی کد از 24 بالا تر رسید متوقف شود.

---------- Post added at 08:23 PM ---------- Previous post was at 08:20 PM ----------

یک نکته در مورد document.write و موارد نظیر آن مانند Alert:
شما وقتی می خواین یه کد js نه html درون document.write و موارد نظیر آن که از " " استفاده میشه نباید دیگر " " ها رو بذارین.
هم چنین بین نوشته و کد یعنی

کد:

---

"text " code

---

باید علامت + وجود داشته باشه یعنی:

کد:

---

"text " + code

---

مثلا میشه:

کد:

---

document.write ('neveshte' + code);

---

13) switch:
ممکنه شما در کدتون بخواین کلی از if استقاده کنین. switch، یه تکه کد رو برای شما فراهم می سازه که مثلا میگه:
اگر اسم طرف x بود این کد رو انجام بده، اگر y بود این کد رو انجام بده، و ... .
روش:

کد:

---

var x = "m.m.m";
switch x {
case "name1":
document.write ('Go out!');
break;

case "name2":
document.write ('wadsdafaf');
break;

case "m.m.m":
alert ('SAlAm!!!');
break;
}

---

نکته درباره ی آموزش 13:
آن کد مساوی این کد می باشد:

کد:

---

var x = "mmm";
if (x == "name1"){document.write ('Go out!');}
if (x == "name2"){document.write ('wadsdafaf');}
if (x == "m.m.m"){alert ('SAlAm!!!');}

---

---------- Post added at 12:47 PM ---------- Previous post was at 12:44 PM ----------

14) else در switch:
اگر به statement ِ if نگاه کنید، می بینید که یک کد با نام else وجود داره که برای وقت هایی هست که جواب خارج از if ها هست آن کد کار می کند. else در switch ، همان Default هست. نمونه:

کد:

---

var x = m.m.m;
switch x {
case "name1":
document.write ('Go out!');
 break;
 case "name2":
 document.write ('wadsdafaf');
 break;
 case "m.m.m":
 alert ('SAlAm!!!');
 break;
default:
prompt ('what is your name???');
 }

---

---------- Post added at 12:49 PM ---------- Previous post was at 12:47 PM ----------

نکته ای در مورد 14:
در default در switch ، دیگر نیازی به نوشتن break نیست. چون کل switch با { تمام می شود.