جهان سایت

طراحی وب سایت | خدمات سئو حرفه ای | بازاریابی اینترنتی

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

javascriptcodeاز کدها و زبانهای قدرتمند و مهمی که در کنار کدهای برنامه نویسی وب مورد استفاده قرار می گیرد برنامه نویسی به زبان جاوا اسکریپت یا Javascript است ولی ممکن است متصور شوید که کدهای جاوا را فقط در وبلاگ استفاده می کنند ، در حقیقت این همان قدرت برنامه نویسی با جاوا اسکریپت است که در عین سادگی که نمودارها و دیاگرام ها را نمایش می دهد و ما می بینیم و در خیلی از سایتها و صفحات وب برای بررسی اعتبار ارتباط با سرور،اعتبار فرم ها، کار با کوکی ها (cookie)،شناسایی قابلیت های مرورگر کاربران و … از آن استفاده می کنند . ولی با این اوضاع و تفاسیر به دلیل Client side بودن این زبان  یعنی جاوا اسکریپت تنها روی مرورگر کاربران قابل اجراست و برای تفسیر آن از مفسر مرورگر استفاده می شود نه مفسر سرور سایت در حالی که قابلیتهای فراوانی دارد محدودیتهای نرم افزاری نیز خواهد داشت

شروع آموزش جاوا اسکریپت با یک مثال

برای شروع آموزش جاوا اسکریپت، بد نیست با هم یک مثال از قابلیت های این زبان اسکریپت نویسی را ملاحظه کنیم، در زیر یک کد ساده را جهت نمایش یک هشدار ایجاد کرده ایم:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>جهان سایت | یک مثال جاوا اسکریپت</title>
<!-- http://jahansite.com-->
<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 و… باشند.

مثالی دیگر با جاوا اسکریپت

JavaScript-logoهمانطور که گفتیم، کدهای جاوا اسکریپت توسط مفسر مرورگر اجرا می شوند، لذا ویژگی هایی مثل تاریخ یا زمان، مبتنی بر تاریخ و زمان مرورگر و درواقع تاریخ و زمان سیستم عامل خواهند بود، مثالی برای ایجاد یک  متن همراه تاریخ (کدهای این مثال از یک فایل خارجی در صفحه ایمپورت شده اند):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>جهان سایت | ایجاد یک پاراگراف در جاوا اسکریپت</title>
<!-- http://jahansite.com-->
<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 برای ایجاد پیام به کاربر در صورت فعال نبودن جاوا اسکریپت در مرورگرشان استفاده نمائید.