JavaScript-構文

JavaScriptは、内に配置されたJavaScriptステートメントを使用して実装できます。 <script>... </script> WebページのHTMLタグ。

あなたは置くことができます <script> JavaScriptを含むタグは、Webページ内の任意の場所にありますが、通常は、内に保持することをお勧めします。 <head> タグ。

<script>タグは、これらのタグ間のすべてのテキストをスクリプトとして解釈し始めるようにブラウザプログラムに警告します。JavaScriptの簡単な構文は次のようになります。

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

スクリプトタグは2つの重要な属性を取ります-

  • Language−この属性は、使用しているスクリプト言語を指定します。通常、その値はjavascriptになります。最近のバージョンのHTML(およびXHTML、その後継)は、この属性の使用を段階的に廃止しました。

  • Type −この属性は、使用中のスクリプト言語を示すために現在推奨されているものであり、その値は「text / javascript」に設定する必要があります。

したがって、JavaScriptセグメントは次のようになります-

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

あなたの最初のJavaScriptコード

「HelloWorld」を印刷するためのサンプル例を見てみましょう。JavaScriptコードを囲むオプションのHTMLコメントを追加しました。これは、JavaScriptをサポートしていないブラウザからコードを保存するためです。コメントは「//->」で終わります。ここで、「//」はJavaScriptのコメントを意味するため、ブラウザーがHTMLコメントの終わりをJavaScriptコードの一部として読み取らないようにするために追加します。次に、関数を呼び出しますdocument.write HTMLドキュメントに文字列を書き込みます。

この関数は、テキスト、HTML、またはその両方を書き込むために使用できます。次のコードを見てください。

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

このコードは次の結果を生成します-

Hello World!

空白と改行

JavaScriptは、JavaScriptプログラムに表示されるスペース、タブ、および改行を無視します。プログラムではスペース、タブ、改行を自由に使用でき、コードを読みやすく理解しやすいように、プログラムをきちんと一貫した方法で自由にフォーマットおよびインデントできます。

セミコロンはオプションです

JavaScriptの単純なステートメントの後には、C、C ++、およびJavaの場合と同様に、通常はセミコロン文字が続きます。ただし、JavaScriptでは、各ステートメントが別々の行に配置されている場合、このセミコロンを省略できます。たとえば、次のコードはセミコロンなしで記述できます。

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

ただし、次のように1行でフォーマットする場合は、セミコロンを使用する必要があります-

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

Note −セミコロンを使用することをお勧めします。

大文字と小文字の区別

JavaScriptは大文字と小文字を区別する言語です。つまり、言語のキーワード、変数、関数名、およびその他の識別子は、常に大文字と小文字を区別して入力する必要があります。

したがって、識別子 Time そして TIME JavaScriptでさまざまな意味を伝えます。

NOTE − JavaScriptで変数名と関数名を書くときは、注意が必要です。

JavaScriptのコメント

JavaScriptは、CスタイルとC ++スタイルの両方のコメントをサポートします。

  • //と行末の間のテキストはコメントとして扱われ、JavaScriptでは無視されます。

  • 文字/ *と* /の間のテキストは、コメントとして扱われます。これは複数の行にまたがる場合があります。

  • JavaScriptは、HTMLコメントの開始シーケンス<!-も認識します。JavaScriptは、//コメントと同じように、これを1行のコメントとして扱います。

  • HTMLコメントの終了シーケンス->はJavaScriptで認識されないため、//->と記述する必要があります。

次の例は、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>