تالار گفتگوی کیش مهر

husseinjahan

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

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

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

آموزش 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) پذیرفته شد.
توسعه آن همچنان ادامه دارد.

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

تگ <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">

<!--

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

//-->

</script>

</body>

</html>

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

***admin***

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

**husseinjahan**

ممنون از ابراز لطف ادمین عزیز Wink

بریم سراغ جلسه سوم تا ایشالله شاید کسانی پیدا شوند و آن را بخوانند و نظری بیان کنند:

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

جاوااسکریپت می توان در بخش <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>

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

**javad**

واقعا آموزش عالی و آموزنده و البته روان هست.
تو این انجمن واقعا نیاز بود.
موفق باشید.

**husseinjahan**

ضمن تشکر از ادمین این تالار آقا javad که لطف داشتن و همچنان به امید مخاطبان بیشتر (;

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

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

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

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

کد:

document.write("Hello Dolly");

متداول این است که بعد از هر خط که دستوری در آن قرار دارد یک سمی کالن ( Wink

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

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

کد 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>

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

**husseinjahan**

توضیحات (کامنت ها) در جاوااسکریپت باعث خوانایی کد می شود.

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

کد:

<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>

**husseinjahan**

متغیرهای جاوااسکریپت
مثل ریاضی، متغیرهای جاوااسکریپت برای نگهداری از مقادیر یا عبارات به کار می رود. یک متغیر می تواندنامی کوتاه مثل 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;

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

**javad**

بسیار عالی بود!
ادامه بدید.

husseinjahan

= برای نسبت دادن یک مقدار به کار می رود.
+ برای اضافه کردن یک مقدار به کار می رود.

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

کد:

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

**husseinjahan**

مقایسه و عملگرهای منطقی برای بررسی درستی و یا غلط بودن عبارات به کار می روند.

عملگرهای مقایسه:
عملگرهای مقایسه در عبارات منطقی به کار می رود و برای یافتن تساوی و یا عدم تساوی دو مقدار یا متغییر استفاده می شود.
اگر 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" می گیرد.

۲۰/۳/۱۳۹۰, ۰۱:۱۸ عصر (آخرین تغییر در این ارسال: ۲۰/۳/۱۳۹۰ ۰۱:۳۸ عصر توسط husseinjahan.) ارسال: #1
husseinjahan حسین جهانبخش ارسال‌ها: 190 تاریخ عضویت: خرد ۱۳۹۰ رتبه: 1 تشکر: 41 163 بار تشکر شده در 99 پست	آموزش جاوااسکریپت در 34 جلسه با سلام. قصد دارم در 34 جلسه که البته امکان بیشتر شدن آن نیز وجود دارد به صورت کامل شما عزیزان را با زبان جاوااسکریپت آشنا کنم. این مجموعه جلسات ترجمه ای از وب سایت W3C School است و از مباحث بسیار مقدماتی آغاز شده و کم کم به بخش ها و مباحث پیچیده تر می رسیم. سعی می کنم در ابتدا یکی دو جلسه را با هم قرار داده و روزانه یک جلسه اضافه کنم. در این حین در صورتی که سوالی برای دوستان به وجود آمد پاسخگو خواهم بود. در صورتی که در ترجمه و یا تایپ اشکالی دیدید به بزرگواری خودتون ببخشید و بنده رو در جریان قرار بدید که آن ها را اصلاح کنم. آموزش 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) پذیرفته شد. توسعه آن همچنان ادامه دارد. آموزش جاوااسکریپت – جلسه دوم: چگونه تگ <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"> <!-- document.getElementById("demo").innerHTML=Date(); //--> </script> </body> </html>` این دو بک اسلش (//) قبل از تگ کامنت نشانه کامنت در جاوااسکریپت است. این کار باعث می شود که جاوااسکریپت تگ --> را اجرا نکند. وبلاگم جاوااسکریپت در 34 جلسه

تشکر شده توسط : *admin* , gh.m , sahar-rafi , soleil

۲۱/۳/۱۳۹۰, ۰۳:۴۱ عصر ارسال: #2
*admin* مدير پرتال ارسال‌ها: 184 تاریخ عضویت: شهر ۱۳۸۸ رتبه: 1 تشکر: 209 124 بار تشکر شده در 87 پست	RE: آموزش جاوااسکریپت در 34 جلسه بسیار عالی بود آموزش را از منبع خوب ترجمه کرده اید و بسیار هم خوب ترجمه کرده اید! خیلی ممنون. امیدوارم ادامه داشته باشد... دست به دست هم نهیم به مهر؛ فاروم خویش را کنیم آباد!

تشکر شده توسط :

۲۱/۳/۱۳۹۰, ۱۰:۴۰ عصر ارسال: #3
husseinjahan حسین جهانبخش ارسال‌ها: 190 تاریخ عضویت: خرد ۱۳۹۰ رتبه: 1 تشکر: 41 163 بار تشکر شده در 99 پست	آموزش جاوااسکریپت – جلسه سوم: کجا باید از جاوااسکریپت استفاده کنم؟ ممنون از ابراز لطف ادمین عزیز بریم سراغ جلسه سوم تا ایشالله شاید کسانی پیدا شوند و آن را بخوانند و نظری بیان کنند: آموزش جاوااسکریپت – جلسه سوم: کجا باید از جاوااسکریپت استفاده کنم؟ جاوااسکریپت می توان در بخش <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>` نقل قول: نکته: توجه کنید اسکریپت را دقیقا جایی قرار دهید که اسکریپت های معمولی را قرار می دهید. وبلاگم جاوااسکریپت در 34 جلسه

تشکر شده توسط : *admin* , soleil

۲۲/۳/۱۳۹۰, ۱۲:۵۹ صبح ارسال: #4
javad مدیر تالار برنامه نویسی وب ارسال‌ها: 340 تاریخ عضویت: مهر ۱۳۸۸ رتبه: 3 تشکر: 257 193 بار تشکر شده در 159 پست	RE: آموزش جاوااسکریپت در 34 جلسه واقعا آموزش عالی و آموزنده و البته روان هست. تو این انجمن واقعا نیاز بود. موفق باشید. %99 نگرانی های ما مربوط به مسایلی است که هرگز اتفاق نمی افتد! پس شاد باش @@@@@ انساهای بزرگ اراده میکنند و انسانهای کوچک آرزو

تشکر شده توسط :

۲۲/۳/۱۳۹۰, ۰۶:۵۴ عصر ارسال: #5
husseinjahan حسین جهانبخش ارسال‌ها: 190 تاریخ عضویت: خرد ۱۳۹۰ رتبه: 1 تشکر: 41 163 بار تشکر شده در 99 پست	آموزش جاوااسکریپت – جلسه چهارم: جملات (دستورات) Statements ضمن تشکر از ادمین این تالار آقا javad که لطف داشتن و همچنان به امید مخاطبان بیشتر (; خوب میریم سراغ جلسه چهارم، تو این جلسه درباره نحو جاوااسکریپت و نکات کلی مربوط به اون صحبت می کنیم. بفرمایید: جاوا اسکریپت یک سری جملات متوالی است که باید توسط مرورگر اجرا شود. جاوااسکریپت به اندازه حروف حساس است (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>` مثال بالا چندان مفید نیست و فقط نحوه استفاده از بلاک را نشان می دهد. معمولاً بلاک را برای گروه بندی یک سری دستورات برای ایجاد یک تابع و یا یک شرط (اجرای مجموعه ای از دستورات در صورت برقراری شرط) استفاده می کنند. وبلاگم جاوااسکریپت در 34 جلسه

تشکر شده توسط : *admin* , javad , soleil

۲۳/۳/۱۳۹۰, ۰۸:۴۳ عصر ارسال: #6
husseinjahan حسین جهانبخش ارسال‌ها: 190 تاریخ عضویت: خرد ۱۳۹۰ رتبه: 1 تشکر: 41 163 بار تشکر شده در 99 پست	آموزش جاوااسکریپت – جلسه پنجم: کامنت (توضیحات) 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>` وبلاگم جاوااسکریپت در 34 جلسه

تشکر شده توسط : javad , soleil

۲۴/۳/۱۳۹۰, ۰۸:۴۸ عصر ارسال: #7
husseinjahan حسین جهانبخش ارسال‌ها: 190 تاریخ عضویت: خرد ۱۳۹۰ رتبه: 1 تشکر: 41 163 بار تشکر شده در 99 پست	آموزش جاوااسکریپت – جلسه ششم: متغیرها 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; درباره عملگرهایی که می توانید در برنامه از آن ها استفاده کنید در جلسه بعد توضیح داده خواهد شد. وبلاگم جاوااسکریپت در 34 جلسه

تشکر شده توسط : javad , soleil

۲۴/۳/۱۳۹۰, ۱۰:۴۳ عصر ارسال: #8
javad مدیر تالار برنامه نویسی وب ارسال‌ها: 340 تاریخ عضویت: مهر ۱۳۸۸ رتبه: 3 تشکر: 257 193 بار تشکر شده در 159 پست	RE: آموزش جاوااسکریپت در 34 جلسه بسیار عالی بود! ادامه بدید. %99 نگرانی های ما مربوط به مسایلی است که هرگز اتفاق نمی افتد! پس شاد باش @@@@@ انساهای بزرگ اراده میکنند و انسانهای کوچک آرزو

تشکر شده توسط :

۲۵/۳/۱۳۹۰, ۱۰:۲۶ عصر (آخرین تغییر در این ارسال: ۲۶/۳/۱۳۹۰ ۱۱:۱۷ صبح توسط husseinjahan.) ارسال: #9
husseinjahan حسین جهانبخش ارسال‌ها: 190 تاریخ عضویت: خرد ۱۳۹۰ رتبه: 1 تشکر: 41 163 بار تشکر شده در 99 پست	آموزش جاوااسکریپت – جلسه هفتم: عملوندها 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=y2 نتیجه : 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=xy عمل می کند. نتیجه: 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` وبلاگم جاوااسکریپت در 34 جلسه

تشکر شده توسط : javad , soleil

۲۶/۳/۱۳۹۰, ۱۱:۱۶ صبح ارسال: #10
husseinjahan حسین جهانبخش ارسال‌ها: 190 تاریخ عضویت: خرد ۱۳۹۰ رتبه: 1 تشکر: 41 163 بار تشکر شده در 99 پست	آموزش جاوااسکریپت – جلسه هشتم: مقایسه و عملگرهای منطقی مقایسه و عملگرهای منطقی برای بررسی درستی و یا غلط بودن عبارات به کار می روند. عملگرهای مقایسه: عملگرهای مقایسه در عبارات منطقی به کار می رود و برای یافتن تساوی و یا عدم تساوی دو مقدار یا متغییر استفاده می شود. اگر 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" می گیرد. وبلاگم جاوااسکریپت در 34 جلسه

تشکر شده توسط : javad , soleil

تالار گفتگوی کیش مهر

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

دسترسی سریع به تالارها: