آموزش javascript

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


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

<!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://www.php6.persianblog.ir -->
<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" "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://www.php6.persianblog.ir -->
<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 برای ایجاد پیام به کاربر در صورت فعال نبودن جاوا اسکریپت در مرورگرشان استفاده نمائید.

 

/ 6 نظر / 110 بازدید
baran

خیلی مختصر توضیح دادید

مرتضی

سلام واقعا عالیه دوست داشتی به اسم دانلود رایگان لینکم کن.امار سایتم:35472 و بگو به چه اسمی لینکت کنم. امیدوارم با هم بترکونیم یا حق

طراحی سایت

خیی ممنون از آموزش هاتون تشکر منتظر بقیه اموزش ها هم هستیم

حرفه ای

بد نبود, ولی کاملتر توضیح میدادی بهتر بود.بازم تشکر.به من حتما سر بزن .خوشحال میشم[قلب]

خرید گوشی دست دوم

با تشکر و خسته نباشيد واقعا سايت خيلي خوب و مفيدي داريد موفق و پيروز باشيد