مشاوره رایگان

ورود عضویت کسب درآمد

سبد خرید شما 0

دریافت لینک های دانلود دریافت پستی درب منزل مبلغ کل: تومان

جهت دریافت کد تخفیف به کانال تلگرام مراجعه و یا با پشتیبان آنلاین هماهنگ نمایید

آشنایی با ساختار یا Syntax دستورات جاوا اسکریپت

ساختار Syntax جاوا اسکریپت

جاوا اسکریپت را می توان با استفاده از statement های جاوا اسکریپت پیاده سازی نمود که در داخل تگ های <script>... </script> محصور هستند.

می توانیم تگ های <script> را که حاوی کدهای جاوا اسکریپت هستند ، در هر جایی از صفحات وب خود قرار دهیم ، اما توصیه می شود که آنها را در داخل تگ های <head> قرار دهیم.

تگ <script> به برنامه مرورگر هشدار می دهد که شروع به تفسیر تمام متن های بین این تگ ها به عنوان اسکریپت نماید. یک syntax ساده از جاوا اسکریپت به صورت کد زیر می باشد:

<script ...>
   JavaScript code
</script>

تگ script دارای دو صفت مهم است:

Language – این صفت ، زبان اسکریپت نویسی را که استفاده می شود ، مشخص می نماید. معمولاً ، مقدار آن javascript است. نسخه های اخیر از HTML (و XHTML و جانشین آن) از این صفت استفاده نمی نمایند.
Type – این صفت ، برای تعیین زبان اسکریپت نویسی مورد استفاده ، توصیه می شود و مقدار آن باید به "text/javascript" تنظیم شود.

قطعه کد جاوا اسکریپت می تواند شبیه کد زیر باشد:

<script language="javascript" type="text/javascript">
   JavaScript code
</script>

اولین اسکریپت JavaScript ما

اجازه دهید یک مثال ساده جهت نمایش عبارت “Hello World” را نشان دهیم. در این مثال ، ما یک comment اختیاری HTML را که با کدهای جاوا اسکریپت احاطه شده است ، نیز اضافه کرده ایم. این کار به منظور حفظ کدهای ما از مرورگری است که از جاوا اسکریپت پشتیبانی نمی کند. Comment با یک تگ "//-->" پایان می پذیرد. در اینجا تگ "//" دلالت بر وجود یک comment در جاوا اسکریپت دارد. بنابراین ، ما comment را اضافه می کنیم تا مانع از خواندن انتهای کامنت HTML به عنوان یک تکه کد جاوا اسکریپت شویم. سپس ، ما تابع document.write را که یک رشته را در داخل سند HTML ما می نویسد ، فراخوانی می کنیم.

این تابع می تواند برای نوشتن text ، کد HTML یا هر دو استفاده می شود. نگاهی به کد زیر بیاندازید.

<html>
   <body>
      <script language="javascript" type="text/javascript">
         <!--
            document.write("Hello World!")
         //-->
      </script>
   </body>
</html>

نتیجه حاصل شده از کد فوق مطابق زیر می باشد:

Hello World!

فضای خالی و خط فاصله

جاوا اسکریپت از فاصله ها ، tab ها و خط جدید که در برنامه های جاوا اسکریپت نمایان می شوند ، صرف نظر می نماید. می توانیم در استفاده از فاصله ها ، tab ها و خط جدید در داخل برنامه خود آزادانه عمل نماییم و با استفاده از آنها خوانایی و قابلیت درک برنامه خود را افزایش دهیم.

Semicolon های اختیاری

عبارت تکی در جاوا اسکریپت عموماً همانند C ، C++ و Java با کاراکتر سمیکالن همراه است. با این حال ، جاوا اسکریپت به ما اجازه می دهد که اگر عبارت های ما در خطوط جداگانه ای قرار دارند ، سمیکالن را حذف نماییم. برای مثال ، کد زیر می تواند بدون سیمکالن نوشته شود.

<script language="javascript" type="text/javascript">
   <!--
      var1 = 10
      var2 = 20
   //-->
</script>

اما در صورتی که کدها را در یک خط قرار دهیم ، باید از سیمکالن استفاده نماییم.

<script language="javascript" type="text/javascript">
   <!--
      var1 = 10; var2 = 20;
   //-->
</script>

نکته: استفاده از سیمکالن روش خوبی برای برنامه نویسی می باشد.

حساسیت به حروف کوچک و بزرگ

جاوا اسکریپت یک زبان case-sensitive (حساس به حروف کوچک و بزرگ) می باشد. بدین معنی که کلمات کلیدی ، متغیرها ، نام توابع و هر شناسه دیگری را باید همیشه با یک حرف بزرگ ثابت تایپ نمود.

پس شناسه Time و TIME معنای متفاوتی را در جاوا اسکریپت دارند.

نکته: در هنگام نوشتن نام متغیرها و توابع باید حواسمان جمع باشد.

Comment ها در جاوا اسکریپت

جاوا اسکریپت از هر دو نوع سبک comment مربوط به C و C++ پشتیبانی می کند:

هر متنی بین نماد// و پایان یک خط به عنوان یک comment خوانده شده و توسط جاوا اسکریپت نادیده گرفته می شود.
هر متنی بین کاراکترها /* و */ به عنوان یک comment در نظر گرفته می شود و ممکن است حاوی چندین خط باشد.
جاوا اسکریپت هم چنین ، سبک comment در HTML را با باز کردن توالی <!-- تشخیص می دهد. جاوا اسکریپت این نوع comment را به عنوان یک خط در نظر می گیرد و درست همانند comment با سبک // با آن برخورد می کند.
توالی --> برای بستن comment در HTML توسط جاوا اسکریپت قابل شناسایی نسیت ، از این رو باید به صورت //--> نوشته شود.

مثال

مثال زیر نحوه استفاده از comment ها را در جاوا اسکریپت نشان می دهد.

<script language="javascript" type="text/javascript">
   <!--
   
      // This is a comment. It is similar to comments in C++
   
      /*
      * This is a multiline comment in JavaScript
      * It is very similar to comments in C Programming
      */
   
   //-->
</script>

پکیج های آموزشی جدید

آموزش ساخت ادیتور Html

فصلِ: 1 , تعداد قسمت ها: 4 , سطح: صفر تا صد

موضوعات: آموزش HTML5 آموزش JAVASCRIPT

این فصل در یک نگاه:

در این مجموعه به آموزش کامل ckeditor از نصب آن تا شخصی سازی و افزودن امکانات اختصاصی به ان می پردازیم.…

با توجه به اینکه آموزش جامع و کاملی در مورد نحوه ایجاد و شخصی سازی یک ادیتور در وب سایت و صفحات وب، وجود نداشت برآن شدیم تا یک سری مجموعه آموزشی کامل و جامع در رابطه با این موضوع تهیه نماییم…

طراحی و برنامه نویسی وب

برنامه نویسی موبایل

برنامه نویسی ویندوز

سایر