جاوااسکریپت می‌تواند با استفاده از دستورات جاوااسکریپت که درون تگ‌های HTML <script>… </script> در یک صفحه وب قرار می‌گیرند، پیاده‌سازی شود.
شما می‌توانید تگ‌های <script> که حاوی جاوااسکریپت شما هستند، را در هر قسمتی از صفحه وب خود قرار دهید، اما معمولاً توصیه می‌شود که آن را درون تگ‌های <head> نگه دارید.
تگ <script> به برنامه مرورگر اعلام می‌کند که شروع به تفسیر کردن تمام متن بین این تگ‌ها به عنوان یک اسکریپت کند. یک نمونه ساده از دستورات جاوااسکریپت شما به صورت زیر خواهد بود.
<script>کد های جاوااسکریپت </script>
تگ اسکریپت دارای دو ویژگی مهم است:
- زبان – این ویژگی مشخص می‌کند کدام زبان اسکریپتی را استفاده می‌کنید. معمولاً مقدار آن جاوااسکریپت خواهد بود. اگرچه نسخه‌های اخیر اچ‌تی‌ام‌ال (و ایکس‌اچ‌تی‌ام‌ال، جانشین آن) استفاده از این ویژگی را حذف کرده‌اند.
- نوع – این ویژگی برای نشان دادن زبان اسکریپت استفاده شده و مقدار آن باید به “text/javascript” تنظیم شود.
<script language = "javascript" type = "text/javascript">کد های جاوا اسکریپت </script>اولین کد جاوااسکریپت شما
بیایید یک مثال ساده را برای چاپ “Hello World” بررسی کنیم. ما یک توضیح HTML اختیاری اضافه کردیم که کد جاوااسکریپت ما را در احاطه قرار داده است. این کار برای حفاظت از کد ما در مقابل یک مرورگر که از جاوااسکریپت پشتیبانی نمی‌کند است. توضیح با “//–>” پایان می‌یابد. در اینجا “//” یک توضیح در جاوااسکریپت را نشان می‌دهد، بنابراین آن را اضافه می‌کنیم تا جلوگیری کنیم مرورگر انتهای توضیح HTML را به عنوان یک قطعه کد جاوااسکریپت بخواند. بعداً، ما یک تابع به نام document.write فراخوانی می‌کنیم که یک رشته را در سند HTML ما می‌نویسد.
این تابع می‌تواند برای نوشتن متن، HTML، یا هر دو استفاده شود. به کد زیر نگاهی بیندازید:
<html>
<body>
<script language = "javascript" type = "text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
</body>
</html>این کد نتیجه زیر را تولید خواهد کرد:
Hello Worldفضاهای خالی و خطوط جدید
جاوااسکریپت فاصله‌ها، تب‌ها و خطوط جدید را که در برنامه‌های جاوااسکریپت ظاهر می‌شوند، نادیده می‌گیرد. شما می‌توانید فضاها، تب‌ها و خطوط جدید را به آزادی در برنامه خود استفاده کنید و می‌توانید برنامه‌های خود را به شکلی مرتب و یکنواخت قالب‌بندی کنید که کد را آسان برای خواندن و درک کردن می‌کند.
; ها اختیاری هستند
در جاوااسکریپت، عبارات ساده معمولاً با یک ; پایانی دنبال می‌شوند، همانطور که در زبان‌های C، C++، و جاوا استفاده می‌شوند. با این حال، جاوااسکریپت به شما اجازه می‌دهد که این ; را حذف کنید اگر هر کدام از عبارات شما در یک خط جداگانه قرار گرفته باشند. به عنوان مثال، کد زیر می‌تواند بدون ; نوشته شود:
<script language = "javascript" type = "text/javascript">
<!--
var1 = 10
var2 = 20
//--<
</script>
اما هنگامی که به صورت یک خط فرمت شود، باید از ; استفاده کنید:
<script language = "javascript" type = "text/javascript">
<!--
var1 = 10; var2 = 20;
//--<
</script>توجه – استفاده از نیم‌فاصله‌ها یک تمرین برنامه‌نویسی خوب است.
حساسیت به بزرگی و کوچکی حروف
جاوااسکریپت یک زبان حساس به بزرگی و کوچکی حروف (Case Sensitivity) است. این بدان معناست که واژگان زبان، متغیرها، نام‌های توابع و هر شناسه دیگری همواره باید با یکیسری بزرگی یا کوچکی متناسب با حروف تایپ شوند.
بنابراین، شناسه‌های Time و TIME معانی مختلفی را در جاوااسکریپت منتقل می‌کنند.
توجه – در حین نوشتن نام متغیرها و نام‌های توابع در جاوااسکریپت، باید دقت کافی شود.
توضیحات(Comments) در جاوااسکریپت
جاوااسکریپت از هر دو نوع کامنتت گذاری در C و C++ پشتیبانی می‌کند(شبیه به آنها هستند)، بنابراین:
- هر متنی که بین یک // و انتهای یک خط قرار دارد به عنوان یک توضیح در نظر گرفته می‌شود و توسط جاوااسکریپت نادیده گرفته می‌شود.
- هر متنی که بین نویسه‌های /* و */ قرار دارد به عنوان یک توضیح در نظر گرفته می‌شود. این ممکن است بر روی چند خط توسعه یابد.
- جاوااسکریپت همچنین دنباله‌ی شروع توضیحات HTML <!– را شناسایی می‌کند. جاوااسکریپت این را به عنوان یک توضیح تک خطی می‌شناسد، همانطور که برای توضیحات // عمل می‌کند.
- دنباله‌ی بسته شدن توضیحات HTML –> توسط جاوااسکریپت شناسایی نمی‌شود، بنابراین باید به صورت //–> بسته شوند.
مثال
در زیر مثالی نشان داده شده است که نحوه استفاده از توضیحات در جاوااسکریپت را نشان می‌دهد:
<script language = "javascript" type = "text/javascript">
<!--
// This is a comment. It is similar to comments in C++
/*
* This is a multi-line comment in JavaScript
* It is very similar to comments in C Programming
*/
//-->
</script>
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام