القائمة الرئيسية

الصفحات

JavaScript - Syntax


JavaScript can be implemented using JavaScript statements that are placed within the <script>... </script> HTML tags in a web page.

يمكن تنفيذ JavaScript باستخدام عبارات JavaScript الموضوعة داخل <script>... </script>

You can place the <script> tags, containing your JavaScript, anywhere within your web page, but it is normally recommended that you should keep it within the <head> tags.

The <script> tag alerts the browser program to start interpreting all the text between these tags as a script. A simple syntax of your JavaScript will appear as follows.

يمكنك وضع علامات <script> ، التي تحتوي على JavaScript الخاص بك ، في أي مكان داخل صفحة الويب الخاصة بك ، ولكن يوصى عادةً بإبقائها ضمن علامات <head>. تنبه العلامة <script> برنامج المتصفح لبدء تفسير كل النص الموجود بين هذه العلامات على أنه نص برمجي. ستظهر صيغة بسيطة لجافا سكريبت على النحو التالي.

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

The script tag takes two important attributes −

  • Language − This attribute specifies what scripting language you are using. Typically, its value will be javascript. Although recent versions of HTML (and XHTML, its successor) have phased out the use of this attribute.

  • Type − This attribute is what is now recommended to indicate the scripting language in use and its value should be set to "text/javascript".

So your JavaScript segment will look like −

تأخذ علامة البرنامج النصي سمتين مهمتين - اللغة - تحدد هذه السمة لغة البرمجة النصية التي تستخدمها. عادة ، ستكون قيمتها جافا سكريبت. على الرغم من أن الإصدارات الحديثة من HTML (و XHTML ، التي تليها) قد ألغت استخدام هذه السمة تدريجيًا. النوع - هذه السمة هي ما يوصى به الآن للإشارة إلى لغة البرمجة النصية المستخدمة ويجب تعيين قيمتها على "نص"

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

Your First JavaScript Code

Let us take a sample example to print out "Hello World". We added an optional HTML comment that surrounds our JavaScript code. This is to save our code from a browser that does not support JavaScript. The comment ends with a "//-->". Here "//" signifies a comment in JavaScript, so we add that to prevent a browser from reading the end of the HTML comment as a piece of JavaScript code. Next, we call a function document.write which writes a string into our HTML document.

دعونا نأخذ مثالاً نموذجياً لطباعة "Hello World". أضفنا تعليق HTML اختياريًا يحيط بشفرة JavaScript الخاصة بنا. هذا لحفظ الكود الخاص بنا من متصفح لا يدعم JavaScript. ينتهي التعليق بـ ""//--> هنا "//" يشير إلى تعليق في JavaScript ، لذلك نضيف ذلك لمنع المتصفح من قراءة نهاية تعليق HTML كجزء من كود JavaScript. بعد ذلك ، نسمي دالة document.write التي تكتب سلسلة في مستند HTML الخاص بنا.

This function can be used to write text, HTML, or both. Take a look at the following code.


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

This code will produce the following result −

Hello World!

Whitespace and Line Breaks

JavaScript ignores spaces, tabs, and newlines that appear in JavaScript programs. You can use spaces, tabs, and newlines freely in your program and you are free to format and indent your programs in a neat and consistent way that makes the code easy to read and understand.

يتجاهل JavaScript المسافات وعلامات التبويب والأسطر الجديدة التي تظهر في برامج JavaScript. يمكنك استخدام المسافات وعلامات التبويب والأسطر الجديدة بحرية في برنامجك وأنت حر في تنسيق برامجك ووضع مسافة بادئة لها بطريقة مرتبة ومتسقة تجعل الشفرة سهلة القراءة والفهم.

Semicolons are Optional

Simple statements in JavaScript are generally followed by a semicolon character, just as they are in C, C++, and Java. JavaScript, however, allows you to omit this semicolon if each of your statements are placed on a separate line. For example, the following code could be written without semicolons.

البيانات البسيطة في JavaScript متبوعة عمومًا بحرف فاصلة منقوطة ، تمامًا كما هو الحال في C و C و Java. مع ذلك ، تسمح لك JavaScript بحذف هذه الفاصلة المنقوطة إذا تم وضع كل من عباراتك في سطر منفصل. على سبيل المثال ، يمكن كتابة التعليمات البرمجية التالية بدون فواصل منقوطة.

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

But when formatted in a single line as follows, you must use semicolons −

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

Note − It is a good programming practice to use semicolons.

Case Sensitivity

JavaScript is a case-sensitive language. This means that the language keywords, variables, function names, and any other identifiers must always be typed with a consistent capitalization of letters.

So the identifiers Time and TIME will convey different meanings in JavaScript.

NOTE − Care should be taken while writing variable and function names in JavaScript.

JavaScript هي لغة حساسة لحالة الأحرف. هذا يعني أنه يجب دائمًا كتابة الكلمات الأساسية للغة والمتغيرات وأسماء الوظائف وأي معرفات أخرى بأحرف كبيرة متسقة. لذا فإن المعرفات Time and TIME ستنقل معاني مختلفة في JavaScript. ملاحظة - يجب توخي الحذر أثناء كتابة أسماء المتغيرات والوظائف في JavaScript.

Comments in JavaScript

JavaScript supports both C-style and C++-style comments, Thus −

  • Any text between a // and the end of a line is treated as a comment and is ignored by JavaScript.

  • Any text between the characters /* and */ is treated as a comment. This may span multiple lines.

  • JavaScript also recognizes the HTML comment opening sequence <!--. JavaScript treats this as a single-line comment, just as it does the // comment.

  • The HTML comment closing sequence --> is not recognized by JavaScript so it should be written as //-->.

Example

The following example shows how to use comments in JavaScript.

<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>
هل اعجبك الموضوع :

تعليقات