بررسی جاوا اسکریپت
بررسی جاوا اسکریپت
مقدمه :
انتخاب موضوع جاوااسکریپت،به معنی ورودبه دنیای طراحی و برنامه نویسی صفحات وب است. وب جهانی که در ابتدا تنها بعنوان مخزنی از اطلاعات مختلف که درقالب صفحاتی ساکن تنظیم شده بودند در نظر گرفته میشد. با رشد سریع خود توانست به یکی ازمهمترین وسایل آموزشی ،ارتباطی ،تجاری و تفریحی تبدیل شود. به موازات رشد سریع این رسانه، ابزارهاوروشهای توسعه آن نیز رشد کرده و متحول شده است .
گـر چه جـاوااسکـریپت یک زبان برنامه نویسی است،اما فراگیری آن بسیار ساده است. برخلاف اکثر زبانهای برنامه نویسی،برای آموختن این زبان به دانش زیادی نیاز ندارید.سادگی ودر عین حال تواناییهای فوق العاده این زبان آنرا به یک ابزار مشهور وپر طرفدار برای برنامه نویسی در صفحات وب تبدیل کرده است . در واقع امروزه کمتر صفحه وبی را می یابید که در آن از جاوااسکریپت استفاده نشده باشد.
وب جهانی (WWW)،درابتدا رسانه ای محسوب می شد که چیزی بیش از متن در خود داشت.
نسخة اولیه HTMLحتی قابلیت تعریف یک تصویر گرافیکی را نیزدرصفحه نداشت.سـایتهای وب امروزی می توانند شامل قابلـیتهای بسیاری ازجمله تصاویرگرافیکی،صوت،انیمیشن،ویدیو وسایرمطالب چندرسانه ای باشند.زبانـهای اسکـریپت نویسی وب، مانندجـاوااسکـریپت ، یکی ازساده ترین روشهای ایجاد رابطة متقابل باکاربران وخلق جلوه های دینامیک محسوب میشوند.
1ـ1)اصول اسکریپت نویسی درصفحات وب :
اساساً انسانها برای انتقال دادن دستورات خود به کامپیوتر از زبانهایC,Basic وجاوا استفاده میکنند.اگرشما باHTML آشنا باشید بایدگفت حداقل یک زبان کـامپیوتری رامی شناسید.به کمک دستورات زبانHTML می توان با ساختار یک صفحه وب را تعریف کرد.مرورگر با اطـاعت از این دستورات ظاهر صفحه رابراساس ساختار مورد نظر تنظیم می نماید.
HTML یک زبان علامتگذاری ساده متن می باشد،نمی تواند با کاربران رابطة متقابل ایجاد کندویا ازآنجایی که براساس شروط خاصی تصمیماتی رااتخاذ کند. برای انجام اعمالی ازاین قبیل باید از زبانهای پیـچیده تری کمک گرفت. چنین زبانی می تواند یک زبان برنامه نویسی ویا یک زبان اسکریپت باشد.
اکثرزبانهای برنامه نویسی پیچیده هستند.درمقابل، زبانهای اسکریپتی معمولاً ازساختاربسیارساده تری برخوردار هستند.دراین زبانها میتوان به کمک دستوراتی ساده،برخی ازعملیات موردنظررابانجام رساند.زبانهای اسکریپتی
نداشته می شوند.چنین سندی میتواند یک HTML ترکیب شده ومجموعه آنها در یک سندHTML وب با دستورات صفحه دینامیک وب ایجادکند.
2ـ1)اسکـریپتهاو برنامه ها:
دستورات جـاوااسکـریپت برای اجرا شدن به یک مرورگر وب (Web Browers) و یابه طور کلی به یک نرم افزار مفسر جاواسکریپت (JavaScript Interpreetr) نیاز دارند. بعضی از زبانهای برنامه نویسی باید قبل از اجرا به کدهای زبان ماشین ترجمه شده و یا اصطلاحاً کمپایل شوند .
در مقابل ، دستورات جاوااسکریپت در هنگام اجرا تفسیر می گردند. به عبارت دیگر مرورگر با خواندن هر یک از این دستورات آنرا تفسیر و اجرا می نماید.
زبانهایی که تفسیر می شوند یک مزیت بزرگ دارند و آن این است که نوشتن و یا تغییر دادن دستـورات HTMLچنین زبانی بسیارساده است .مثلاً تغییر یک برنامه جاوااسکریپت به سادگی تغییر دستورات دریک سند HTML می باشد این تغیرات به محض بار شدن مجدد سند در صفحه وب اعمال خواهند شد.
3ـ1)معرفی جـاوااسکـریپت:
جـاوااسکـریپت برای اولین باربه وسیله شرکت نت اسکیپ توسعه یافته ودرمرورگرnetscapenavegator به کار گرفته شد . این زبان،اولین زبان اسکـریپتی در عرصه وب به شماررفته و همچنان پر استفاده ترین زبان اسکـریپتی میباشد.
جاوااسکریپت در ابتداlivescript نام داشت ودرسال 1995درنسخه دوم netscapenavigator به کارگرفته شد سپس به جهت رابطه ای که با جاوا برقرار نمود جـاوااسکـریپت نام گرفت.
4ـ1)قابلیتهای جـاوااسکـریپت:
1.افزودن پیغامهای متحرک و متغیر به نوار وضعیت (status bar ) مرورگر.
2.بررسی محتویات یک پرسشنامه و انجام عملیات لازم بر روی آن قبل از ارسال پرسشنامه به سوی سرویسگر .
3.نمایش پیغامهای دلخواه بـرای کـاربرچه از داخل صفحه وب و چه ازطریق پنجره های هشـدار (Alert windowse ) ساخت انیمیشن و یا تصاویری که در اثر حرکت یا کلیک کردن موس تغییرمی یابند.
4.تشخیص نوع مرورگر و نمایش دادن مطالب بر اساس آن.
5.تشخیص برنامه های اتصالی نصب شده و هشدار به کاربر در صورت نیاز به یک برنامه اتصالی خاص.
موارد بالا تنها نمونه های اندکی از قابلیتهائی هستند که جاوااسکریپت می تواند به یک صفحه وب بیفزاید.
با استفاده از این زبان می توان برنامه های کاملی را در یک صفحه وب خلق کرد . ما در این تحقیق سعـی
می کنیم به آموزش این زبان بپردازیم.
5ـ1)تفاوتهای جـاوا و جـاوااسکـریپت:
این دو زبان ذاتاً با یکدیگر متفاوتند . مهمترین این تفاوتها عبارتند از :
1.اپلتهای جاوا برای اینکه بتوانند در یک مرورگر وب اجرا شوند ، باید کمپایل شده و به فایلهایی با پسوند class تبدیل شوند . در مقابل جـاوااسکـریپت از دستورات متنی استفاده کرده و می توانددر یک سند HTML نوشته شود.
2.اپلتهای جـاوا معمولاً در یک پنجره یا یک قسمت جداگانه از صفحه اجرا می شوند ولی دستورات جـاوااسکـریپت میتواند بر روی هر قسمت از صفحه وب تأثیربگذارند.
3.در حالی که جـاوااسکـریپت برای نوشتن برنامه های ساده، افزودن قابلیتهای دینامیک و ایجاد رابطه متقابل با کاربران بسیار مناسب است، به کمک جـاوا می توان برنامه هایی کاملاِ پیچیده خلق کرد. برای مثال یک نسخه از پردازشگر متنcorels wordperfect که با استفاده از جـاوا نوشته شده در دسترس قرار دارد .
باید گفت انجام چنین پروژه ای به کمک جـاوااسکـریپت کاملاً غیر ممکن است .علاوه بر موارد مذکور،تفاوتهای زیاددیگری بین این دوزبان وجود دارد .به هرحال نکته مهم این است که به خاطر داشته باشید جـاوااسکـریپت و جاوا دو زبان کاملاً متفاوت هستند.هر دوی این زبان درموارد خاصی مفید هستند و حتی میتوان از هر دوی آنها در یک صفحه وب استفاده کرد .
6ـ1)چگونه جـاوااسکـریپت در یک صفحه وب قرار میگیرد ؟
1ـ17)معرفی HTML دینامیک :
HTML دینامیک یاDHTML ، استـانداردی است که تا حد زیادی به وسیله هر دو مرورگر نت اسکیپ و اینترنت اکسپلورر(IE) با قابلیتهایی بعضا متفاوت پشتیبانی میشود . تعدادی از این قابلیتها عبارتند از :
- شیوه نامه Style sheets : به کمک شیوه نامه ها میتوان ظاهر صفحات و ب و اجزاء آنها را کنترل کرد.
- لایه ها: روشی برای تنظیم مکان قسمتهای خاصی از صفحه
- فونتهای دینامیک: به کمک این قابلیت میتوان یک فونت قابل برداشت تعریف کردتابدون ذخیره شدن در کامپیوتر کاربر ، در یک صفحه وب مورد استفاده قرار گیرد.
2ـ17)شیوه ها و ظاهر صفحات :
اگر تاکنون سعی کرده باشید صفحه و ب بسیار زیبائی خلق کنید احتمالا به مشکلاتی برخورد کرده اید.اولاً به کمکHTML نمیتوان کنترل دقیقی بر روی صفحات وب اعمـال کرد.HTML یک زبـان تفسیرشونده است
مثلاً اگر در یک سند HTML، دو حرف فاصله (Space) وجود داشته باشد ، مرورگـر تنها یک حرف فاصله
را در صفحه قرار خواهد داد .
دومیـن مشکل ، این است که حتـی اگـر بتوانید به کمک HTML صفحه ای با ظاهر کاملا دلخواه بسازید ، خواهیـد دید که این صفحه در مرورگرهای مختلف بصورت کاملا یکسان نمایش داده نخواهد شد.
علت این مشکلات آن است که HTML اساساً بدین منظور طراحی نشده است. HTML به منظـور کنتـرل ساختارصفحه (به عبارت دیگر، نحوه تقسیم آن به پاراگرافها، سر فصلها، لیستها و اجزای دیگر) تعـریف شده است. از آنجائیکهHTML، تنهاساختاریک صفحه را تعریف میکند نه ظاهر آن را، یک سندHTML میتواند دریک مرورگرمتنی مانند lynx نیزنمایش داده شود.دراین حالت،اجزاصفحه به اشکال مختلفی ظاهر میشوند ،
اما میتوان مطمئن بود که ساختار کلی این صفحه،در تمامی مرورگرها حفظ خواهد شد مثلاً میتوان مطمـئن
بود که متـن سرفصل، در تمام مرورگرها به صورت سرفصل ظاهر می‌گردد، و یا یک لیست، در هر مرورگر به شکل یک لیست دیده میشود.
به این ترتیب ملاحظه می‌فرمائید کهHTML توانسته به خوبی از عهده وظیفه‌ای که برایش تعریف شده یعنـی تعیین ساختارکلی یک صفحه، برآید. بنابراین جای تعجبی وجود ندارد که به کمک این زبان، نتوان ظاهر دقیق یک صفحه را تنظیم کرد.
3ـ17)تعریف و استفاده از شیوه‌های css :
برای استفاده ازشیوه‌ها(STYLES) در یک صفحه،ابتدا باید آنها را به کمک دستور، در انتهای این تعاریف قرار میگیرد.
4ـ17)تنظیم مکان متن :
یکی از مفیدتـرین قابلیتهای شیوه نامه ها، توانایی آنها در تعین مکان متن و فضاهای خالی اطراف آن میباشد. بعضی از این قابلیتها در HTML استاندارد در دسترس نیستند .
5ـ17)تغییر رنگ ، و تصاویر زمینه :
به کمک شیوه نامه ها ، همچنین می توان کنترل بیشتری بر روی رنگ متن و زمینه صفحه بدست آورد :
بدین منظور ، CSS شامل ویژگیهای زیر میباشد :
COLOR : رنگ متن یک عنصر را تعیین میکند . با این کار می توان تأکید بیشتری بر روی قسمتی از متـن نشان داد.
Background – color : رنگ زمینه یک عنصر را تعین میکند . به این ترتیب میتوان رنگ منحصر به فردی
را برای زمینه یک پاراگراف ، یک خانه از جدول و یا سایر عناصرصفحه در نظر گرفت.
Background – imahe تصویری را برای زمینه یک عنصر تعیین میکند.
6
فهرست:
چکیده ...............................................................................................5
1.جاوااسکریپت چیست؟ .............................................................................. 6
1ـ1. اصول اسکریپت نویسی در صفحات وب ................................................ .......6
2ـ1. اسکریپتها و برنامه ها ...........................................................................6
3ـ1. معرفی جاوااسکریپت ..........................................................................7
4ـ1. قابلیتهای جاوااسکریپت ........................................................................7
5ـ1.جاوااسکریپت در مقابل جاوا ...................................................................7
6ـ1.چگونه جاوااسکریپت در صفحات وب قرار میگیرد؟............................................8
2.خلق یک اسکریپت ................................................................................. ..8
1ـ2.ابزار اسکریپت نویسی ...........................................................................9
2ـ2.آغاز خلق اسکریپت .............................................................................9
3. بررسی قابلیتهای جاوااسکریپت .....................................................................9
1ـ3. زیباتر کردن صفحات وب به کمک جاوااسکریپت ..............................................10
1ـ1ـ3 .استفاده از نوار وضعیت ......................................................................10
2ـ3.کاربابرنامه های اتصالی ........................................................................10
4. برنامه های جاوااسکریپت چگونه کار میکنند. ......................................................11
1 ـ4. توابع درجاوااسکریپت .........................................................................11
2ـ4. اشیاءدر جاوااسکریپت .........................................................................13
1ـ2ـ4 . جاوااسکریپت از سه نوع شیء پشتیبانی می کند..........................................13
3ـ4.کنترل حوادث ...................................................................................13
4ـ4. مخفی کردن اسکریپتها از مرورگرهای قدیمی ...............................................14
5. استفاده از مقادیر و ذخیره سازی آن ...............................................................15
1 ـ 5. انتخاب نام برای متغییرها .....................................................................15
2ـ 5. تعیین مقدار برای متغییر ها. ...................................................................15
1ـ2ـ5. انواع اساسی داده ها در جاوااسکریپت ....................................................16
3ـ 5. انواع داده جاوااسکریپت.....................................................................16
6 . آرایه ها و رشته ها ..............................................................................16
1ـ6 .خلق یک شیء String...........................................................................17
7. بررسی و مقایسه متغییرها ........................................................................17
1ـ7 . دستورIf..........................................................................................17
2ـ7 . دستورEles ......................................................................................18
8 . تکرار دستورات باکمک حلقه ها ....................................................................18
1ـ 8 . حلقه های For................................................................................18
2ـ 8 . حلقه های While...............................................................................19
3ـ 8 . حلقه های Do...while ........................................................................19
9. اشیاء درون ساخت مرورگر...........................................................................19
1ـ 9 . اشیاء چیستند؟ ...................................................................................19
1ـ 1ـ 9.خلق اشیاء .....................................................................................19
2ـ 9 . خاصیتهای اشیاء و مقادیر........................................................................20
3ـ 9 . گـرد کردن اعداد .............................................................................20
4ـ 9 . خلق اعداد تصادفی ...........................................................................21
5 ـ 9. کـار با تاریخها ................................................................................21
10 . مدل شیئی سند (DOM)..........................................................................21
1ـ 10 . درک مدل شیئی سند ........................................................................21
2ـ 10 . دسترسی به تاریخچه مرورگـر .............................................................22
11. خلق اشیاء اختصاصی ..............................................................................23
1ـ11 . استفاده از اشیاء برای ساده کردن اسکریپتها ...............................................23
2ـ11 . اختصاصی کردن اشیاء درون ساخت ........................................................24
12 . پنجره ها و زیر صفحه ها ..........................................................................24
1ـ 12 . کنترل پنجره ها با استفاده از اشیاء .........................................................24
2ـ12 . ایجاد وقفه های زمانی .....................................................................25
3ـ 12 . استفاده از اشیاء جاوا اسکریپت برای کار با زیر صفحه ها ...............................25
14. دریافت اطلاعات به کمک پرسشنامه ها .........................................................26
1ـ 14. اصول طراحی پرسشنامه ها درHTML ...............................................26
2ـ 14 . شیءfrom در جاوااسکریپت ...........................................................26
3ـ 14 . ورودیهای متن ...........................................................................26
4ـ 14 . ورودیهای چند خطی متن ...............................................................26
5ـ 14 . کـار با متن در پرسشنامه ها .............................................................26
6ـ14 . دکمه ها ....................................................................................27
7ـ 14 . مربعهای گـزینش .........................................................................27
8 ـ 14 . دکـمه های رادیوئی .....................................................................27
15 . تصاویر گـرافیکی و انیمیشن ....................................................................28
1ـ 15 . استفاده از جاوااسکریپت برای کار با نقشه های تصویری .................................28
2ـ 15 . تصاویر دینامیک در جاوااسکریپت .........................................................28
16 . اسکریپتهای فرامرور گری .........................................................................29
1ـ 16 . دریافت اطلاعات مرورگر ....................................................................29
2ـ 16 . حل مشکل ناسازگاری مرورگرها ...........................................................29
3ـ 16 . خلق یک صفحه چند منظوره ...............................................................29
4ـ16 . هدایت کاربران به صفحات وب .............................................................29
5ـ16 . خلق یک صفحه چند منظوره ..............................................................29
17 . کـار با شیوه نامه ها ..............................................................................30
1ـ 17 . معرفیHTML دینامیک ..................................................................30
2ـ 17 . شیوه و ظاهرصفحات ........................................................................31
3ـ17 . تعریف و استفاده از شیوه هایCSS .........................................................31
4ـ 17 . تنظیم مکـان متن ............................................................................31
5ـ 17 . تغییر رنگ و تصاویر زمینه ....................................................................32
6ـ 17 . کـار با فوتنهـا ...............................................................................32
7ـ 17 . کنترل شیوه ها بکمک جاوااسکریپت .........................................................32
18 . استفاده از لایه ها برای خلق صفحات دینامیک ...................................................33
1ـ 18 . لایه ها چگونه کار میکنند؟ ...................................................................33
2ـ 18 . دو استاندارد برای خلق لایه ها ..............................................................33
3ـ 18 . خلق لایه های CSS ........................................................................34
4ـ 18 . تعریف خواص لایه ها ........................................................................34
19 . استفاده از جاوااسکریپت برای توسعه یک سایت وب .............................................34
1ـ 19 . خلق سند HTML ...........................................................................34
2ـ 19 . استفاده از لیستهای بازشونده برای تسهیل هدایت کاربران .................................35
3ـ 19 . خلق دستوراتHTML ،وایجاد ساختارداده ای ...........................................35
4ـ 19 . افزودن توضیحاتی در مورد پیوندها ........................................................36
5ـ 19 . استفاده از پیوندهای گـرافیکی ............................................................36
20 . نتیجه ..............................................................................................37
21 . خلاصه .............................................................................................38
22 . فهرست منابع .....................................................................................39
خرید فایل
لینک منبع :بررسی جاوا اسکریپت