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

جمعه, ۹ام بهمن , ۱۳۸۸ | ۱۷ دیدگاه

سلام،امروز قراره قسمت عملی رو با ساده ترین دستورات یعنی alert و prompt شروع کنیم. مباحث امروز هرچند ساده اند اما بسیار کاربردی هستند و از این به بعد با آنها زیاد سرو کار داریم. از این پس در پایان هر بخش عملی می تونید با کلیک روی لینک گذاشته شده نتیجه رو ببینید. اسم درس امروز هست ایجاد کادر پیام و دریافت داده از کاربر

مباحثی که در این جلسه می خوانیم:

  • تگ script
  • دستور alert
  • دستور prompt

بخش اول: تگ script

نکته ۱ : در ابتدا باید بگم تمام دستوراتی(کدها) که از این پس گفته می شود باید بین تگ شروع و پایان script قرار بگیرد.

تگ شروع<script>//

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

تگ پایان</script>//

توضیحات:
//: در جاوا اسکریپت به آن کامنت(coment) گفته می شود و پس از آن می توان توضیحاتی را برای کاربردرج نمود، که البته جاوا اسکریپت آن را به عنوان یک دستور اجرا نمی کند یعنی این توضیحات در صفحه دیده نمی شود و فقط در قسمت کدها دیده می شود، متنی که پس از // قرارمی گیرد توضیحی است که برنامه نویس برای آگاهی خواننده(کاربر)یادداشت کرده است. که ما هم از این پس برای درک بهتر کدها از این روال استفاده می کنیم.

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

<script  language="java script"   src=" ">

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

</script>

توضیحات:
Language: زبان استفاده شده در اسکریپت نویسی را مشخص می کند، که در اینجا ما به دلیل اینکه از زبان جاوا اسکریپت استفاده می کنیم نیازی به ذکر آن نیست یعنی می توان گفت پیش فرض آن جاوا اسکریپت است ولی اگر از زبان های دیگر مثل VBscript و Jscript استفاده می کنید نوشتن
این پارامتر ضروری است.

Src: کدهای جاوا اسکریپت رو معمولا در خود صفحه Html می نویسیم اما می توان آنها را در یک فایل جداگانه نوشت و با پسوند .jsذخیره کرد و در قسمت src ، نام، مسیر و پسوند فایل را نوشت که در این صورت جاوا اسکریپت با رسیدن به این پارامتر آدرس فایل را خوانده، به آن مراجه می کند و دستورات را از آنجا اجرا می کند.

ولی ما دستورات را در خود فایل HTMl می نویسیم، پس تنها نوشتن <script> کافی است.

بخش دوم : استفاده از دستور alert برای ایجاد یک کادر پیام

برای نمایش یک کادر پیام ساده به کاربر از دستور زیر استفاده می شود:
نکته ۲ : همانطور که در جلسه اول گفته شد تگ Script خود باید بین تگ های html و body قرارگیرد.

<html>
 <body>
  <script>

   alert ("this is a message for you");

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

این دستورات را در یک فایل متنی((Notepad بنویسید وبعد آن را با یک نام و با پسوند html یا htm ذخیره کنید، حالا مرورگر را باز کنید و نتیجه را مشاهده نمایید.

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

  <script>
   var x=1388;
   alert (x);
  </script>

در اینجا متغیری عددی با مقدار ۱۳۸۸ تعریف شده که به صورت یک پیام برای کاربر نمایش داده می شود. دقت کنید x یک متغیر است و اگر در پرانتز به جای x شما “x” را قرار دهید جاوا اسکریپت آن را به عنوان یک رشته می شناسد و حرف x را به جای مقدار درون آن در کادر پیام نمایش می دهد. نتیجه

بخش سوم: استفاده از دستور promptبرای دریافت داده از کاربر

با دستور alert یک کادر پیام نمایش داده می شود، اما اگر نیاز داشته باشیم که یک پیام به کاربر داده و از او جوابی دریافت کنیم، در این صورت چه باید کرد؟ فرض کنیم فردی دوست دارد که به محض ورود کاربر به سایت او، پیغامی به کاربر نمایش داده شود و نام کاربر را از او بپرسد و پس از گرفتن نام کاربر به او خوش آمد بگوید.

<script>

   var msg=prompt("Please enter Name");
   alert ("Welcom to screen" + msg);

</script>

توضیحات:

Prompt: این دستور می تواند کادر پیامی را به کاربر نمایش داده و جواب را از او دریافت کند. در دستور alert نیازی یه استفاده از یک متغیر نبود اما در اینجا به دلیل اینکه قرار است داده ای از کاربر دریافت شود، پس باید متغیری هم وجود داشته باشد که این مقدار را در آن ذخیره کنیم. پس ابتدا یک متغیر با نام msg تعریف کرده ایم که مقدار دریافتی از کاربر در آن ریخته شود.
پس از اینکه کاربر نام خود را وارد کرد، این مقدار در متغیر msg ریخته می شود، و در اینجا با استفاده از دستور alert به کاربر خوش آمد می گوییم. همانطور که متوجه شدید در داخل پرانتز دستورalert می توان هم از یک متن و هم از یک متغیر استفاده کرد، در این کد برای اینکه نام کاربر هم در کنار جمله
Welcome to screen قرار گیرد، متغیر msg هم به آن اضافه کردیم.

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


همانطور که مشاهده می کنید در این کادر هیچ اسمی به صورت پیش فرض تعریف نشده به همین دلیل از کلمه undefined (داده تعریف نشده) استفاده شده است.

برای قرار دادن مقدار پیش فرض در کادر پیام، از پارامتر دوم دستور prompt استفاده می کنیم.

   var msg= prompt("Please enter Name", "Ali");
   alert ("Welcom to Screen" + msg);

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

پستهای مرتبط :

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

Be Sociable, Share!


۱۷ دیدگاه


  1. سيد ايوب
    ۱۰ بهمن ۱۳۸۸

    عالی بود .




  2. امین
    ۱۰ بهمن ۱۳۸۸

    عالیه. ادامه بدین.
    ممنون.




  3. عاطفه
    ۱۱ بهمن ۱۳۸۸

    ایوب ، امین به خاطر دلگرمی و همراهیتون ممنونم.




  4. mort3za
    ۱۲ بهمن ۱۳۸۸

    قسمت چهارم please
    ممنون از آموزشتون. خیلی خوب و ساده نوشته شده.




  5. محسن
    ۱۵ بهمن ۱۳۸۸

    خیلی خیلی خوب بود.

    قسمتهای بعدی رو لطفا سریعتر بذارین…




  6. کامران
    ۱۵ بهمن ۱۳۸۸

    محسن جان شنبه به شنبه درسها در سایت قرار میگیره



  7. […] آموزش جاوا اسکریپت در یازده روز – روز سوم […]




  8. roj
    ۴ اسفند ۱۳۸۸

    salam atefe joon.
    fadat sham manam daneshjoye mohandesie narm afzaram 2termam monde tamom konam,alan darse 3 jalasato khondam ,aliiii bood,omidvaram betonam b a komaket be ye jahaii beresam,khoshhal mishma azat emaili dariaft konam,




  9. بیتا
    ۱۴ آذر ۱۳۸۹

    عالی بود دست شما درد نکند




  10. web
    ۸ بهمن ۱۳۸۹

    salam mamnun az zahamatetun man tu ghesmati ke baiad az karbar peighan begirim moshgel daram daghighan me3 dasture inja tipe mikonam vali safam 2rost bala nemiad mamnoon misham komakam konid.




  11. عاطفه
    ۹ بهمن ۱۳۸۹

    دوست عزیز اگه شما دستورات رو مثل همین دستور prompt نوشته باشین نباید مشکلی پیش بیاد. دوباره بادقت کد رو بنویسید اگر بازم مشکلی داشت فایل رو برام ایمیل کنید ببینم مشکلش چیه.




  12. web
    ۹ بهمن ۱۳۸۹

    salam man az koja az javabam motale sham




  13. عاطفه
    ۹ بهمن ۱۳۸۹

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




  14. mahsa
    ۱۰ بهمن ۱۳۸۹

    salam mamnoonam hatman in karo anjam midam




  15. mahsa
    ۷ فروردین ۱۳۹۰

    salam plz ye ba dige be man mail bezanid adresetoonoo dashte basha.




  16. ali
    ۱۹ فروردین ۱۳۹۰

    atefe khanom 1 duney
    harjao gashtam chize khasi peyda nakardam
    imikhastam bedunm ke mishe ba jscript barnamehaye sathe bala mesle barnamehai ro ke ba vb mishe neveshto nevesht?
    mersi




  17. عاطفه
    ۲۸ فروردین ۱۳۹۰

    علی آقا جاوااسکریپت دستورهایی مثل حلقه ها،تابع ها و دستورات شرطی رو داره که میشه تاحدودی برنامه های پیچیده ی وب رو با اون نوشت. اما بازهم برنامه های سطح بالا به زبانهای برنامه نویسی سطح بالا مثلC ,vb و… نیاز داره و جاوا اسکریپت یک زبان برنامه نویسی تحت وب هست.
    بازهم بستگی داره که شما به چه برنامه ای نیاز داشته باشین، در برنامه هایی که پیچیده تر میشوند هم میتونید از کتابخانه های جاوا مثل جی کوئری استفاده کنید.



دیدگاه خود را بنویسید