آموزش javascript

یکی از زبان های انعطاف پذیر و در عین حال قدرتمندی که در کنار کدهای ساده HTML، مورد استفاده برنامه نویسان وب قرار می گیرد، جاوا اسکریپت )Javascript( است، البته شاید تصور شما از شنیدن عنوان کدهای جاوا اسکریپت بیشتر معطوف به کدهای کاربردی وبلاگ ها باشد، اما واقعیت این است که قدرت این زبان برنامه نویسی، خیلی بیشتر از نمودهای ظاهری است که می بینیم، بیشتر سایت ها و صفحات وب برای بررسی اعتبار فرم ها، ارتباط با سرور، شناسایی قابلیت های مرورگر کاربران، کار با کوکی ها )cookie( و خیلی چیزهای دیگر از آن استفاده می کنند، البته با همه این تفاسیر به دلیل سمت کاربر )Client side( بودن این زبان )یعنی جاوا اسکریپت تنها روی مرورگر کاربران قابل اجراست و برای تفسیر آن از مفسر مرورگر استفاده می شود نه مفسر سرور سایت(، در عین توانایی محدودیت هایی نیز وجود خواهد داشت.
برای دیدن ادامه مقاله به ادامه مطالب مراجعه کنید
شروع آموزش جاوا اسکریپت با یک مثال
برای شروع آموزش جاوا اسکریپت، بد نیست با هم یک مثال از قابلیت های این زبان اسکریپت نویسی را ملاحظه کنیم، در زیر یک کد ساده را جهت نمایش یک هشدار ایجاد کرده ایم:
>!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " [You must be registered and logged in to see this link.]
>html xmlns=" [You must be registered and logged in to see this link.]
>head<
>meta http-equiv="Content-Type" content="text/html; charset=utf-8" /<
>title<ایجاد یک هشدار در جاوا اسکریپت>/title<
>!-- [You must be registered and logged in to see this link.] --<
>style type="text/css"<
body}
font-family:Tahoma, Geneva, sans-serif;
text-align:justify;
font-size:12px;
direction:rtl;
{
>/style<
>script type="text/javascript"<
//نمایش یک پیام
window.alert)"سلام! این یک پیام جاوا اسکریپت است"(;
>/script<
>/head<
>body<
>noscript<
جاوا اسکریپت در مرورگر شما غیر فعال است!
>/noscript<
>hr /<
کدهای جاوا اسکریپت بین دو تگ script نوشته می شوند.
>/body<
>/html<
همانطور که می بینید شیوه نوشتاری )syntax( این زبان به صورت کلی به صورت زیر است.
object.method)argument1, argument2(;
آبجکت ها در جاوا اسکریپت می توانند به طور مثال document یا window و... و متد نیز به فرض write, alert و... باشند.
مثالی دیگر با جاوا اسکریپت
همانطور که گفتیم، کدهای جاوا اسکریپت توسط مفسر مرورگر اجرا می شوند، لذا ویژگی هایی مثل تاریخ یا زمان، مبتنی بر تاریخ و زمان مرورگر و در واقع تاریخ و زمان سیستم عامل خواهند بود، مثالی برای ایجاد یک متن همراه تاریخ )کدهای این مثال از یک فایل خارجی در صفحه ایمپورت شده اند(:
>!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " [You must be registered and logged in to see this link.]
>html xmlns=" [You must be registered and logged in to see this link.]
>head<
>meta http-equiv="Content-Type" content="text/html; charset=utf-8" /<
>title<ایجاد یک پاراگراف در جاوا اسکریپت>/title<
>!-- [You must be registered and logged in to see this link.] --<
>script type="text/javascript" src="docwrite.js"<>/script<
>style type="text/css"<
body}
font-family:Tahoma, Geneva, sans-serif;
text-align:justify;
font-size:12px;
direction:rtl;
{
>/style<
>/head<
>body<
>noscript<
جاوا اسکریپت در مرورگر شما غیر فعال است!
>/noscript<
>hr /<
کدهای این صفحه، به صورت یک فایل خارجی، ایمپورت شده است.
>/body<
>/html<
کد ایمپورت شده در صفحه:
// JavaScript Document
document.write)"کد جاوا اسکریپت، ایجاد یک پاراگراف و نمایش تاریخ:>br /<"(;
document.write)">p<" + Date)( + ">/p<"(;
توضیح:
- کدهای جاوا اسکریپت را می توان به صورت فایل خارجی نیز در صفحه ایمپورت کرد )شیوه استاندارد(.
- توصیه می شود کدها را بین تگ head قرار دهید.
- )(Date یک تابع درونی جاوا اسکریپت است )یعنی این تابع و ویژگی های آن از قبل تعریف شده(.
- از تگ noscript برای ایجاد پیام به کاربر در صورت فعال نبودن جاوا اسکریپت در مرورگرشان استفاده نمائید.