آموزش جاوااسکریپت در 34 جلسه

minaaa · ‏12/2/12

با سلام. قصد دارم در 34 جلسه که البته امکان بیشتر شدن آن نیز وجود دارد به صورت کامل شما عزیزان را با زبان جاوااسکریپت آشنا کنم.

این مجموعه جلسات ترجمه ای از وب سایت W3C School است و از مباحث بسیار مقدماتی آغاز شده و کم کم به بخش ها و مباحث پیچیده تر می رسیم.

minaaa · ‏12/2/12

پاسخ : آموزش جاوااسکریپت در 34 جلسه

آموزش JavaScript – جلسه اول: معرفی جاوا اسکریپت

JavaScript محبوب ترین زبان اسکریپت نویسی در اینترنت است و توسط تمام مرورگرهای مهم از جمله اینترنت اکسپلورر، فایرفاکس، کروم، اپرا و سافاری پشتیبانی می شود.

قبل از شروع جاوااسکریپت
قبل از شروع یادگیری جاوااسکریپت شما باید این مفاهیم را بدانید:
HTML/XHTML
برای آشنایی می توانید به لینک زیر مراجعه کنید:
http://forum.kishmehr.org/Thread-%D8%A2%...9%88-xhtml

JavaScript چیست؟

JavaScript برای افزودن تعامل به صفحات HTML طراحی شده است.
JavaScript یک زبان اسکریپت نویسی است.
یک زبان اسکریپت نویسی یک زبان برنامه نویسی سبک است
JavaScript معمولآً مستقیماً در صفحات HTML جاسازی (embed) شده است.
JavaScript یک زبان مفسری است (یعنی اسکریپتها بدون کامپایل اولیه اجرا می شوند)
هر کسی می تواند بدون خرید لایسنسی از JavaScript استفاده کند.

آیا JavaScript و Java یک چیز هستند؟
نه!!!
Java و JavaScript دو زبان کاملاً متفاوت هم از لحاظ مفاهیم و هم از لحاظ طراحی هستند. Java (که توسط شرکت Sun Microsystems توسعه یافته) یک زبان قوی و زبان برنامه نویسی به مراتب پیچیده تری است در رده زبان های C و C++

جاوااسکریپت چه کاری می تواند انجام دهد؟

JavaScript یه طراحان HTML یک ابزار برنامه نویسی ارائه می دهد: نویسنده های HTML معمولاً برنامه نویس نیستند اما JavaScript یک زبان اسکریپت نویسی با دستورات نحوی بسیار ساده است. تقریبا هر کسی می تواند قطعات کوچک کد (snippets) را در صفحه HTML خود قرار دهید.
JavaScript می تواند متن های پویا (دینامیک) را در صفحات HTML قرار دهد: یک دستور JavaScript مثل کد زیر می تواند یک متن متغیر را در صفحات HTML قرار دهد.

کد:

document.write("<h1>" + name + "</h1>")

JavaScript می تواند نسبت به رویدادها واکنش انجام دهد: یک کد JavaScript را می توان طوری تنظیم کرد که هر زمان یک اتفاقی رخ داد عملی را انجام دهد آن عمل می تواند لود شدن کامل صفحه، یا کلیک کاربر روی یک عنصر HTML باشد.
JavaScript می تواند عناصر HTML را خوانده و یا بنویسد: یک کد JavaScript می تواند محتویات یک عنصر HTML را خوانده و یا تغییر دهد.
JavaScript را می توان برای تعیین اعتبار یک داده استفاده نمود: یک کد JavaScript می تواند قبل از ارسال داده های یک فرم به سرور آنها را از نظر اعتبار بررسی کند. این کار بررسی ها و پردازش های اضافی روی سرور را کم می کند.
JavaScript می تواند نوع مرورگر کاربر را تشخیص دهد: JavaScript را می توان برای تشخیص نوع مرورگر کاربری که سایت را میبیند استفاده کرد و بر اساس نوع مرورگریک صفحه دیگری که مخصوص آن نوع مرورگر طراحی شده به کاربر نشان داد.
JavaScript برای ساخت کوکی ها کاربرد دارد: می توان از JavaScript برای ذخیره و دستیای به اطلاعات موجود بر روی کامپیوتر کاربر استفاده کرد.

JavaScript = ECMAScript

JavaScript یک پیاده سازی از زبان استاندارد ECMAScript است. ECMA-262 استاندارد رسمی JavaScript است.
JavaScript توسط Brendan Eich در شرکت Netscape ایجاد شده و از سال 1996 درتمام مرورگرها پشتیبانی می شود.
استاندارد سازی رسمی آن توسط ECMA Organization در سال 1997 صورت گرفت.
استاندارد ECMA در سال 1998 توسط استاندارد جهانی ISO (ISO/IEC 16262) پذیرفته شد.
توسعه آن همچنان ادامه دارد.[HR][/HR]

آموزش جاوااسکریپت – جلسه دوم: چگونه

تگ <script> در HTML برای قرار دادن یک کد جاوااسکریپت در آن صفحه استفاده می شود.

نوشتن در یک صفحه HTML

مثال زیر یک عنصر <p> را که شامل تاریخ و ساعت حاضر است در صفحه درج می کند:

کد:

<html>
<body>

<h1>My First Web Page</h1>

<script type="text/javascript">
document.write("<p>" + Date() + "</p>");
</script>

</body>
</html>

نکته: سعی کنید از document.write() در استفاده واقعیتان از کد جاوااسکریپت استفاده نکنید. با این کار صفحه HTML جاری در صورتی که document.write() در داخل یک تابع و یا بعد از لود صفحه نوشته شده باشد دوباره نویسی می شود. هر چند document.ready() راحت ترین مثالی است که می توان کدهای جاوااسکریپت را در آموزش نشان داد.

تغییر عناصر HTML

مثال زیر تاریخ و ساعت جاری را در داخل یک عنصر <p> که در داخل صفحه وجود دارد نشان می دهد:

کد:

<html>
<body>
<h1>My First Web Page</h1>
<p id="demo"></p>
<script type="text/javascript">
document.getElementById("demo").innerHTML=Date();
</script>
</body>
</html>

نقل قول:نکته: جاوااسکریپت برای دستیابی به عناصر HTML از متد getElementById() که در DOM موجود است استفاده می کند.

مثالهای تشریح شده:

برای قرار دادن یک کد جاوا اسکریپت در صفحه HTML از تگ <script> استفاده کنید.

در داخل تگ <script> از خاصیت type برای تعریف زبان اسکریپت نویسی استفاده نمایید.

<script> و </script> ابتدا و انتهای کدهای جاوا اسکریپت را نشان می دهد.

کد:

<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">This is a paragraph.</p>
<script type="text/javascript">
... some JavaScript code ...
</script>
</body>
</html>

خطوط بین <script> و </script> نشان دهنده کد های جاوااسکریپت است و توسط مرورگر اجرا می شود.

در این حالت مرورگر محتویات عنصر HTML با id=”demo” را برابر با تاریخ جاری قرار می دهد.

کد:

<html>
<body>
<h1>My First Web Page</h1>

<p id="demo">This is a paragraph.</p>

<script type="text/javascript">
document.getElementById("demo").innerHTML=Date();
</script>

</body>
</html>

بدون تگ (های) <script> مرورگر قاطی می کند. و فقط عبارت

کد:

"document.getElementById("demo").innerHTML=Date();"

در صفحه نوشته می شود مثل یک متن عادی.

بعضی از مرورگرها جاوااسکریپت را پشتیبانی نمی کنند.

مرورگرهایی که از جاوااسکریپت پشتیبانی نمی کنند آن را مثل بقیه محتویات صفحه نشان می دهند. برای جلوگیری از این که این کار را انجام دهند و به عنوان بخشی از استاندارد جاوا اسکریپت باید از تگ کامنت HTML برای «مخفی کردن» جاوااسکریپت استفاده نماییم.

کافی است فقط تگ کامنت HTML یعنی یک <!— را قبل از اولین دستور جاوااسکریت و یک --> را بعد از آخرین دستور جاوااسکریپت قرار دهیم. مثل مثال زیر:

کد:

<html>
<body>
<script type="text/javascript">

</script>
</body>
</html>

این دو بک اسلش (//) قبل از تگ کامنت نشانه کامنت در جاوااسکریپت است. این کار باعث می شود که جاوااسکریپت تگ --> را اجرا نکند.

minaaa · ‏12/2/12

پاسخ : آموزش جاوااسکریپت در 34 جلسه

آموزش جاوااسکریپت – جلسه سوم: کجا باید از جاوااسکریپت استفاده کنم؟

جاوااسکریپت می توان در بخش <body> و یا <head> یک صفحه HTML قرار بگیرد.

جاوااسکریپت در <body>

مثال زیر تاریخ جاری را در یک تگ <p> که در صفحه قرار دارد پس از اینکه صفحه لود شد می نویسد:

کد:

<html>
<body>
<h1>My First Web Page</h1>
<p id="demo"></p>
<script type="text/javascript">
document.getElementById("demo").innerHTML=Date();
</script>
</body>
</html>

توجه کنید که جاوااسکریپت در پایین صفحه قرار گرفته تا این اطمینان حاصل شود که این کد قبل از لود شدن و یا ایجاد تگ <p> اجرا نشود.

توابع (Functions) و رویدادها (Events) در جاوا اسکریپت

جاوااسکریپت در یک صفحه HTML زمانی اجا می شود که صفحه لود (بارگزاری) شده باشد. معمولاً این، اون چیزی نیست که ما می خواهیم. گاهی ما می خواهیم وقتی یک کد جاوا اسکریپت اجرا شود که یه اتفاق رخ داده باشد (event) مثلاً زمانی که کاربر روی دکمه ای کلیک می کند.. اینجا زمانی است که ما می توانیم اسکریپت را در یک تابع قرار دهیم.

رویدادها (یا اتفاقات) معمولاً همراه با توابع و با هم به کار برده می شود (مثلا فلان تابع را وقتی فلان رویداد رخ داد صدا بزن.)

در جلسات بعدی بیشتر درباره توابع و رویدادها صحبت خواهیم کرد.

جاوااسکریپت در<head>

مثال زیر یک تابع را وقتی که کاربر یک دکمه را کلیک کرد صدا می زند:

کد:

<html>
<head>
<script type="text/javascript">
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<h1>My First Web Page</h1>
<p id="demo"></p>
<button type="button" onclick="displayDate()">Display Date</button>
</body>
</html>

اسکریپت ها در <head> و <body>

شما می توانید بی نهایت اسکریپت را در صفحه خود قرار دهید، ضمنا می توانید از اسکریپت ها هم در بخش body و هم در بخش head به طور هم زمان استفاده نمایید.

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

استفاده از یک کد جاوااسکریپت خارجی

شما می توانید کدهای جاوااسکریپت را در یکک فایل جداگانه هم بنویسید.

جاوااسکریپت خارجی معمولاً شامل کدهایی هستند که در چندین صفحه قصد استفاده از آن ها را داریم.

پسوند فایل های جاوااسکریپت خارجی .js است.

نقل قول:توجه: در اسکریپت های خارجی از تگ های <script> و </script> استفاده نکنید!

برای استفاده از جاوااسکریپت خارجی با استفاده از خاصیت src مربوط به تگ <script> به آن اشاره کنید.

کد:

<html>
<head>
<script type="text/javascript" src="xxx.js"></script>
</head>
<body>
</body>
</html>

نقل قول: نکته: توجه کنید اسکریپت را دقیقا جایی قرار دهید که اسکریپت های معمولی را قرار می دهید.

minaaa · ‏12/2/12

پاسخ : آموزش جاوااسکریپت در 34 جلسه

میریم سراغ جلسه چهارم، تو این جلسه درباره نحو جاوااسکریپت و نکات کلی مربوط به اون صحبت می کنیم. بفرمایید:

جاوا اسکریپت یک سری جملات متوالی است که باید توسط مرورگر اجرا شود.

جاوااسکریپت به اندازه حروف حساس است (Case Sensitive)
بر خلاف HTML جاوااسکریپت به اندازه حروف حساس است، بنابراین باید در هنگام نوشتن کدها و جملات جاوااسکریپت، ساختن و یا صدا زدن متغیر ها، اشیا و توابع به اندازه حروف دقت کنید.

دستورات JavaScript
یک دستور جاوااسکریپت را می توان فرمانی برای مرورگر در نظر گرفت. هدف این فرمان این است که به مرورگر بگوید که چه باید بکند.
دستور جاوااسکریپت زیر به مرورگر می گوید که عبارت "Hello Dolly" را در صفحه وب چاپ کند.

کد:

document.write("Hello Dolly");

متداول این است که بعد از هر خط که دستوری در آن قرار دارد یک سمی کالن ( اضافه کنید. اکثر افراد فکر می کنند که این کار برای تمرین برنامه نویسی بهتر، خوب است و اغلب اوقات در مثال های جاوااسکریپتی که در سطح وب مشاهده می کنید این کار انجام شده.
اما سمی کالن بر اساس استاندارد جاوا اسکریپت اختیاری است و مرورگر انتهای هر خط را به عنوان انتهای دستور در نظر می گیرد. به همین دلیل ممکن است شما مثال هایی را ببینید که از سمی کالن استفاده نکرده اند.

نقل قول:نکته: استفاده از سمی کالن به شما اجازه می دهد که چند دستور را بتوانید در یک خط قرار دهید.
کد JavaScript
کد جاوااسکریپت (یا فقط جاوااسکریپت){به جای عبارت کد جاوااسکریپت می توان فقط گفت «جاوا اسکریپت»} مجموعه متوالی از دستورات جاوااسکریپت است. هر دستور بر اساس ترتیبی که نوشته شده است توسط مرورگر اجرا می شود.
مثال زیر یک سر تیتر و 2 پاراگراف را در یک صفحه وب می نویسد.

کد:

<script type="text/javascript">
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
document.write("<p>This is another paragraph.</p>");
</script>

بلاک های JavaScript
دستورات جاوااسکریپت را می توان در گروه هایی به اسم بلاک گروه بندی کرد.
بلاک هم کثل اکثر زبان ها با آکولاد باز } شروع و با آکولاد بسته { تمام می شود. هدف بلاک بندی این است که مجموعه متوالی از دستورات پشت سر هم بتوانند با هم اجرا شوند.
مثال زیر یک سر تیتر و 2 پاراگراف را در یک صفحه وب می نویسد.

کد:

<script type="text/javascript">
{
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
document.write("<p>This is another paragraph.</p>");
}
</script>

مثال بالا چندان مفید نیست و فقط نحوه استفاده از بلاک را نشان می دهد. معمولاً بلاک را برای گروه بندی یک سری دستورات برای ایجاد یک تابع و یا یک شرط (اجرای مجموعه ای از دستورات در صورت برقراری شرط) استفاده می کنند.

minaaa · ‏12/2/12

پاسخ : آموزش جاوااسکریپت در 34 جلسه

آموزش جاوااسکریپت – جلسه پنجم: کامنت (توضیحات) Comment
توضیحات (کامنت ها) در جاوااسکریپت باعث خوانایی کد می شود.

توضیحات جاوااسکریپت
می توان کامنت ها را برای توضیح جاوااسکریپت و یا افزایش خوانایی کد استفاده کرد.
توضیحات یک خطی با // شروع میشود.
مثال زیر از توضیحات یک خطی برای تشریح کد استفاده شده است:

کد:

<script type="text/javascript">
// Write a heading
document.write("<h1>This is a heading</h1>");
// Write two paragraphs:
document.write("<p>This is a paragraph.</p>");
document.write("<p>This is another paragraph.</p>");
</script>

توضیحات چند خطی جاوااسکریپت
توضیحات چند خطی جاوااسکریپت با */ شروع و با /* خاتمه می یابد.
مثال زیر توضیحات چند خطی را برای تشریح کد نشان می دهد.

کد:

<script type="text/javascript">
/*
The code below will write
one heading and two paragraphs
*/
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
document.write("<p>This is another paragraph.</p>");
</script>

استفاده از کامنت ها برای جلوگیری از اجرای کد
مثال زیر از توضیح یک خطی برای جلوگیری از اجرای یکی از خطوط به کار گرفته شده است (این کاربرای اشکال گیری از برنامه به کار می رود.)

کد:

<script type="text/javascript">
//document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
document.write("<p>This is another paragraph.</p>");
</script>

مثال زیر از کامنت چند خطی برای جلوگیری از اجرای چند خط کد به کار گرفته شده و بیشتر برای اشکال زدایی از برنامه کاربرد دارد.

کد:

<script type="text/javascript">
/*
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
document.write("<p>This is another paragraph.</p>");
*/
</script>

استفاده از کامنت در پایان یک خط
در مثال زیر از کامنت در پایان یک خط برنامه استفاده شده است:

کد:

<script type="text/javascript">
document.write("Hello"); // Write "Hello"
document.write(" Dolly!"); // Write " Dolly!"
</script>

minaaa · ‏12/2/12

پاسخ : آموزش جاوااسکریپت در 34 جلسه

آموزش جاوااسکریپت – جلسه ششم: متغیرها Variables متغیرهای جاوااسکریپت
مثل ریاضی، متغیرهای جاوااسکریپت برای نگهداری از مقادیر یا عبارات به کار می رود. یک متغیر می تواندنامی کوتاه مثل x داشته باشد و یا یک نام دقیق تر و واضح تر مثل carname.
قوانین موجود برای نام متغیرهای جاوااسکریپت
نام های متغیرهای مثل همه ی برنامه به حروف کوچک و بزرگ حساس هستند.
نام متغیرها باید با یک حرف یا علامت آندرلاین آغاز شود و از اعداد برای شروع نام یک متغیر نمی توان استفاده کرد.
مثال:
مقدار یک متغیر در طول اجرای برنامه می تواند تغییر کند. شما برای نمایش و یا تغییر مقدار یک متغیر می توانید از نام آن استفاده کنید:

کد:

<html>
<body>
<script type="text/javascript">
var firstname;
firstname="Hege";
document.write(firstname);
document.write("<br />");
firstname="Tove";
document.write(firstname);
</script>
<p>The script above declares a variable,
assigns a value to it, displays the value, changes the value,
and displays the value again.</p>
</body>
</html>

تعریف (ایجاد) متغیر های جاوااسکریپت
ساخت متغیرها در جاوااسکریپت اصولا اشاره به «تعریف» متغیر دارد.
برای تعریف متغیر از کلمه کلیدی var استفاده می کنیم:

کد:

var x;
var carname;

بعد از تعریف که در بالا نشان داده شد، متغیر خالی خواهد بود (هنوز هیچ مقداری ندارد)؛ هر چند شما می توانید در هنگام تعریف متغیر مقداری را به آن نسبت دهید:

نقل قول:var x=5;
var carname="Volvo";

بعد از اجرای دستورات بالا، متغیر X دارای مقدار 5 و متغیر carname دارای مقدار Volvo خواهد بود.

نقل قول:نکته: وقتی مقدار متنی را به یک متغیر می دهید دو طرف آن از " استفاده کنید.
نقل قول:نکته: اگر شما یک متغیر را دوباره تعریف کنید مقدار قبلی خود را زا دست نخواهد داد.
متغیرهای محلی جاوااسکریپت
متغیری که در داخل یک تابع جاوااسکریپت تعریف شود محلی (Local) خواهد بود و فقط در داخل آن تابع در دسترس است (می گوییم تابع scope محلی دارد.)
شما می توانید متغیرهای محلی همنامی را در توابع مختلف دشاته باشید، چون متغیرهای محلی فقط توسط توابعی که این متغیرها درونشان تعریف شده اند قابل شناسایی هستند.
متغیرهای محلی بعد از خروج از تابع از بین می روند.
در جلسات بعدی درباره توابع بیشتر صحبت خواهیم کرد.
متغیرهای جهانی جاوااسکریپت
متغیرهایی که در بیرون توابع تعریف شوند جهانی (Global) هستند و تمام اسکریپت ها و توابع درون صفحه می توانند به آن دسترسی داشته باشند.
متغیرهای جهانی بعد از بسته شدن صفحه از بین می روند.
اگر شما بدون استفاده از کلمه کلیدی var یک متغیر را تعریف کنید آن متغیر جهانی خواهد شد.
انتساب مقدار به متغیرهای تعریف نشده در جاوااسکریپت
اگر شما مقداری را به متغیی که هنوز تعریف نشده منتسب کنید، متغیر مورد نظر به صورت اتوماتیک به صورت جهانی تعریف خواهدشد.
این دستورات:

کد:

x=5;
carname="Volvo";

باعث تعریف دو متغیر جهانی به نام های x و carname خواهند شد.
حساب در جاوااسکریپت
مانند ریاضیات معمولی شما می توانید اعمال حسابی را روی متغیر های جاوا اسکریپت اعمال کنید:

نقل قول:y=x-5;
z=y+5;

درباره عملگرهایی که می توانید در برنامه از آن ها استفاده کنید در جلسه بعد توضیح داده خواهد شد.

minaaa · ‏12/2/12

پاسخ : آموزش جاوااسکریپت در 34 جلسه

آموزش جاوااسکریپت – جلسه هفتم: عملوندها Operators
= برای نسبت دادن یک مقدار به کار می رود.
+ برای اضافه کردن یک مقدار به کار می رود.

عملگر انتساب = برای نسبت دادن مقادیر به متغیرهای جاوا اسکریپت به کار می رود.
عملگر حسابی + بای اضافه کردن مقادیر به هم به کار می رود.

کد:

y=5;
z=2;
x=y+z;

مقدار x بعد از اجرای کدهای بالا برابر 7 می شود.
عملگرهای حسابی JavaScript
عملگرهای حسابی برای انجام کارهای حسابی روی متغیرها و مقادیر به کار می رود.
اگر y=5 باشد در قسمت زیر کارایی هر یک از عملگرها رو توضیح دادم:

+ و – برای جمع و تفریق به کار می رود
x=y+2 نتیجه: x=7 و y=5 می شود.
x=y-2 نتیجه: x=3 و y=5 می شود.

* برای ضرب
x=y*2 نتیجه : X=10 و y=5 می شود.

/ برای تقسیم
x=y/2 نتیجه: x=2.5 و y=5 می شود.

% برای باقیمانده تقسیم
x=y%2 نتیجه: x=1 و y=5 می شود.

++ و -- کاهش و افزایش یک واحدی
x=++y نتیجه: x=6 و y=6 می شود.
x=y++ نتیجه: x=5 و y=6 می شود.
x=--y نتیجه: x=4 و y=4 می شود.
x=y—نتیجه: x=5 و y=4 می شود.

عملگرهای انتساب JavaScript
برای انتساب مقادیر به متغیرهای جاوااسکریپت به کار می رود.
اگر x=10 و y=5 باشد داریم:
= x=y نتیجه: x=5 می شود.
+= x+=y مانند x=x+y عمل می کند. نتیجه: x=15 می شود.
-= x-=y مانند x=x-y عمل می کند. نتیجه: x=5 می شود.
*= x*=y مانند x=x*y عمل می کند. نتیجه: x=50 می شود.
/= x/=y مانند x=x/y عمل می کند. نتیجه: x=2 می شود.
%= x%=y مانند x=x%y عمل می کند. نتیجه: x=0 می شود.

عملگر + بر روی رشته ها
می توان از عملگر + برای افزودن رشته ها و متن ها به یکدیگر نیز استفاده نمود.
برای اضافه کردن دو یا چند متن رشته ای به هم به صورت زیر عمل می کنیم:

کد:

txt1="What a very";
txt2="nice day";
txt3=txt1+txt2;

بعد از اجرای دستورات بالا متغیر txt3 شامل مقدار "What a verynice day" خواهد بود.
برای اینکه یک space بین دو رشته بیفتد باید این فضای خالی را در یک از رشته ها تعبیه کنید (انتهای رشته اول یا ابتدای رشته دوم)

کد:

txt1="What a very ";
txt2="nice day";
txt3=txt1+txt2;

یا می توانید یک space داخل عبارت جمع قرار دهید:

کد:

txt1="What a very";
txt2="nice day";
txt3=txt1+" "+txt2;

بعد از اجرای دو دستور بالا متغیر txt3 شامل عبارت "What a very nice day" خواهد بود.
افزودن رشته ها به اعداد
قانون کلی این است: اگر شما یک عدد را به یک رشته اضافه کنید نتیجه یک رشته خواهد بود.

مثالها:

کد:

x=5+5 >>>>>>>>>>>> 10
x=”5”+”5”>>>>>>>>>>55
x=”5”+5>>>>>>>>>>>55
x=5+”5”>>>>>>>>>>55

minaaa · ‏12/2/12

پاسخ : آموزش جاوااسکریپت در 34 جلسه

آموزش جاوااسکریپت – جلسه هشتم: مقایسه و عملگرهای منطقی
مقایسه و عملگرهای منطقی برای بررسی درستی و یا غلط بودن عبارات به کار می روند.

عملگرهای مقایسه:
عملگرهای مقایسه در عبارات منطقی به کار می رود و برای یافتن تساوی و یا عدم تساوی دو مقدار یا متغییر استفاده می شود.
اگر x=5 باشد برای عملگرهای منطقی خواهیم داشت:
== بررسی تساوی
x==8 >> false
x=5>>true

=== بررسی تساوی (هم مقدار و هم نوع)
x===5 >>> true
x===”5” >>> false

!= بررسی عدم تساوی
x!=8 >>> true

> بزرگتر
x>8 >>> false

< کوچکتر
x<8 >>> true

>= بزرگتر یا مساوی

<= کوچکتر و یا مساوی

چگونه از آنها استفاده کنیم؟
عملگرهای مقایسه ای در عبارات شرطی کاربرد دارد و عبارات شرطی عملیاتی را بر اساس مقدار نتیجه شده از این عملگرها انجام میدهد:

کد:

if (age<18) document.write("Too young");

درباره عبارات شرطی در جلسه بعد توضیحات بیشتری خواهم داد.

عملگرهای منطقی:
عملگرهای منطقی برای پی بردن به منطق بین متغیرها یا مقادیر به کار می رود.
اگر x=6 و y=3 باشد خلاصه عملگرهای منطقی به صورت زیر است:

&& "و" منطقی مثلاً (x<10&&y>1) نتیجه منطقی درست (true) دارد چون هر دو عبارات درست است.

|| "یا"ی منطقی مثلاً (x==5 ||y==5) نتیجه منطقی غلط (false) دارد چون هر دو عبارت غلط است.

! "نه" یا نقیض منطقی مثلاً !(x==y) نتیجه منطقی درست دارد.

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

کد:

variablename=(condition)?value1:value2

مثال:

کد:

greeting=(visitor=="PRES")?"Dear President ":"Dear ";

اگر متغیر visitor مقدار PRES داشته باشد، در آن صورت متغیر greeting مقدار "Dear President " خواهد گرفت در غیر این صورت مقدار "Dear" می گیرد.

minaaa · ‏12/2/12

پاسخ : آموزش جاوااسکریپت در 34 جلسه

آموزش جاوااسکریپت – جلسه نهم: دستور شرطی if…else
دستورات شرطی برای اجرای عمل های متفاوت بر اساس برقراری شرطهای مختلف به کار می رود.

دستورات شرطی
در خیلی از موارد در هنگام نوشتن یک کد شما نیاز دارید که بر اساس تصمیمات مختلف کارهای متفاوتی انجام دهید. برای انجام این کار شما باید از دستورات شرطی استفاده کنید.
در جاوااسکریپت ما دستورات شرطی زیر را داریم:
دستور if: برای اجرای بعضی کدها در صورتی که اگر شرطی درست باشد.
دستور if..else: برای انجام بعضی دستورات در صورتی که شرطی درست باشد و بعضی دستورات دیگر در صورتی که آن شرط برقرار نباشد.
دستور if…else if…else: در اینجا می توان چند شرط را با هم بررسی کرد که هر کدام که برقرار بود آن انجام شود.
دستور swith: برای اینکه یکی از مجموعه دستورات را به برقراری یکی از شرطها منحصر کنیم.

دستور If

کد:

if (condition)
{
code to be executed if condition is true
}

دقت کنید که حروف دستور کوچک هستند یعنی در صورتی که از IF استفاده کنید خطایی رخ داده است.
مثال:

کد:

<script type="text/javascript">
//Write a "Good morning" greeting if
//the time is less than 10
var d=new Date();
var time=d.getHours();
if (time<10)
{
document.write("<b>Good morning</b>");
}
</script>

دقت کنید که در این دستور از else استفاده نشده است. شما به مرورگر می گویید کاری را انجام دهد فقط اگر شرط گفته شده برقرار باشد.

دستور If…Else

کد:

if (condition)
{
code to be executed if condition is true
}
else
{
code to be executed if condition is not true
}

مثال:

کد:

<script type="text/javascript">
//If the time is less than 10, you will get a "Good morning" greeting.
//Otherwise you will get a "Good day" greeting.
var d = new Date();
var time = d.getHours();
if (time < 10)
{
document.write("Good morning!");
}
else
{
document.write("Good day!");
}
</script>

دستور If...else if...else

کد:

if (condition1)
{
code to be executed if condition1 is true
}
else if (condition2)
{
code to be executed if condition2 is true
}
else
{
code to be executed if neither condition1 nor condition2 is true
}

مثال:

کد:

<script type="text/javascript">
var d = new Date()
var time = d.getHours()
if (time<10)
{
document.write("<b>Good morning</b>");
}
else if (time>10 && time<16)
{
document.write("<b>Good day</b>");
}
else
{
document.write("<b>Hello World!</b>");
}
</script>

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

کد:

<html>
<body>
<script type="text/javascript">
var r=Math.random();
if (r>0.5)
{
document.write("<a href='http://www.Husseinjahan.mihanblog.com'>یادداشت های حسین جهانبخش</a>");
}
else
{
document.write("<a href='http://www.hussein.gigfa.com'>من و ارشد</a>");
}
</script>
</body>
</html>

minaaa · ‏12/2/12

پاسخ : آموزش جاوااسکریپت در 34 جلسه

آموزش جاوااسکریپت – جلسه دهم: دستور switch انشاالله کم کم به مباحث پیشرفته تر هم میرسیم. تا حدود جلسه 20م درباره پایه های برنامه نویسی با جاوااسکریپت صحبت می کنیم و بعدش میریم سراغ مباحث پیشرفته تر. (;

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

دستور switch در جاوااسکریپت

کد:

switch(n)
{
case 1:
execute code block 1
break;
case 2:
execute code block 2
break;
default:
code to be executed if n is different from case 1 and 2
}

این دستور اینگونه عمل می کند: در ابتدا ما یک عبارت یکتای n داریم (که معمولاً یک متغیر است)، که یک بار بررسی می شود. مقدار این عبارت با هر کدام ار caseها مقایسه میشود. اگر تطابقی رخ دهد مجموعه کدهای آن case اجرا می شود. از break برای این استفاده می کنیم که کد case بعدی اجرا نشود و از دستور خارج شود. (ساختار دستورات جاوااسکریپت همانطور که دیده اید بسیار شبیه به زبان c است، پس اگر آشنایی ای با زبان c دارید می توانید از این بخش های دستورات بگذرید)

مثال:

کد:

<script type="text/javascript">
//You will receive a different greeting based
//on what day it is. Note that Sunday=0,
//Monday=1, Tuesday=2, etc.

var d=new Date();
var theDay=d.getDay();
switch (theDay)
{
case 5:
document.write("Finally Friday");
break;
case 6:
document.write("Super Saturday");
break;
case 0:
document.write("Sleepy Sunday");
break;
default:
document.write("I'm looking forward to this weekend!");
}
</script>

default برای زمانی استفاده می شود که هیچ کدام از caseها برقرار نباشد در این صورت بخش default اجرا می شود.
[HR][/HR]

ورود

آموزش جاوااسکریپت در 34 جلسه

minaaa
کاربر پیشرفته

minaaa
کاربر پیشرفته

minaaa
کاربر پیشرفته

minaaa
کاربر پیشرفته

minaaa
کاربر پیشرفته

minaaa
کاربر پیشرفته

minaaa
کاربر پیشرفته

minaaa
کاربر پیشرفته

minaaa
کاربر پیشرفته

minaaa
کاربر پیشرفته

ورود

آموزش جاوااسکریپت در 34 جلسه

minaaa کاربر پیشرفته

minaaa کاربر پیشرفته

minaaa کاربر پیشرفته

minaaa کاربر پیشرفته

minaaa کاربر پیشرفته

minaaa کاربر پیشرفته

minaaa کاربر پیشرفته

minaaa کاربر پیشرفته

minaaa کاربر پیشرفته

minaaa کاربر پیشرفته

جستجوهای مفید

minaaa
کاربر پیشرفته

minaaa
کاربر پیشرفته

minaaa
کاربر پیشرفته

minaaa
کاربر پیشرفته

minaaa
کاربر پیشرفته

minaaa
کاربر پیشرفته

minaaa
کاربر پیشرفته

minaaa
کاربر پیشرفته

minaaa
کاربر پیشرفته

minaaa
کاربر پیشرفته