امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
طراحی سایت خرید و فروش اینترنتی
#2
ساختار 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>

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


پیام‌های داخل این موضوع
RE: طراحی سایت خرید و فروش اینترنتی - توسط 8908190 - 2018/07/29، 01:07 PM

موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  3 روشی که طراحی وب و بازاریابی با هم برای رشد کسب و کار شما کار می کنند kkhojasteh 1 251 2024/09/16، 05:08 AM
آخرین ارسال: raffae
  طراحی سایت آگهی: sitecup1 2 3,775 2020/10/02، 05:17 PM
آخرین ارسال: DONYA66
  .طراحی سایت با وردپرس sitecup1 1 2,242 2020/10/01، 07:06 AM
آخرین ارسال: vantopc
  طراحی یک صفحه محصول شگفت انگیز با پیوست های CSS پس زمینه hostcode 0 1,133 2019/06/17، 09:28 PM
آخرین ارسال: hostcode
  چگونه فروشگاه اینترنتی موفق داشته باشید؟ sitecup1 0 1,710 2018/07/26، 11:03 AM
آخرین ارسال: sitecup1
  اضافه نمودن بعد شخصیتی در طراحی سایت sitecup1 0 1,365 2018/07/23، 11:10 AM
آخرین ارسال: sitecup1
  طراحی سایت مشاغل خانگی: sitecup1 1 2,430 2018/07/08، 03:56 AM
آخرین ارسال: 8908190
  طراحی سایت و نکات طلایی درمورد گوگل sitecup1 1 2,752 2018/07/08، 03:54 AM
آخرین ارسال: 8908190
  .طراحی سایت صنعنی sitecup1 0 2,328 2018/07/02، 02:14 PM
آخرین ارسال: sitecup1
  طراحی سایت مدارس sitecup1 0 2,536 2018/07/01، 11:39 AM
آخرین ارسال: sitecup1

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان