Учебники

JavaScript – Синтаксис

JavaScript может быть реализован с помощью операторов JavaScript, которые размещаются в HTML-тегах <script> … </ script> на веб-странице.

Вы можете разместить теги <script> , содержащие ваш JavaScript, в любом месте на вашей веб-странице, но обычно рекомендуется хранить их в тегах <head> .

Тег <script> предупреждает программу браузера о необходимости интерпретировать весь текст между этими тегами как скрипт. Простой синтаксис вашего JavaScript будет выглядеть следующим образом.

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

Тег script имеет два важных атрибута:

  • Язык – этот атрибут указывает, какой язык сценариев вы используете. Как правило, его значением будет javascript. Хотя последние версии HTML (и XHTML, его преемник) прекратили использование этого атрибута.

  • Тип – этот атрибут является тем, что сейчас рекомендуется для указания используемого языка сценариев, и его значение должно быть установлено как “text / javascript”.

Язык – этот атрибут указывает, какой язык сценариев вы используете. Как правило, его значением будет javascript. Хотя последние версии HTML (и XHTML, его преемник) прекратили использование этого атрибута.

Тип – этот атрибут является тем, что сейчас рекомендуется для указания используемого языка сценариев, и его значение должно быть установлено как “text / javascript”.

Таким образом, ваш сегмент JavaScript будет выглядеть так:

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

Ваш первый код JavaScript

Давайте возьмем пример для распечатки «Hello World». Мы добавили необязательный комментарий HTML, который окружает наш код JavaScript. Это необходимо для сохранения нашего кода из браузера, который не поддерживает JavaScript. Комментарий заканчивается символом «// ->». Здесь “//” означает комментарий в JavaScript, поэтому мы добавляем его, чтобы браузер не читал конец комментария HTML как кусок кода JavaScript. Затем мы вызываем функцию document.write, которая записывает строку в наш HTML-документ.

Эта функция может использоваться для написания текста, HTML или обоих. Посмотрите на следующий код.

Live Demo

<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>

Но при форматировании в одну строку следующим образом, вы должны использовать точки с запятой –

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

Примечание. Хорошей практикой программирования является использование точек с запятой.

Чувствительность к регистру

JavaScript является регистрозависимым языком. Это означает, что ключевые слова языка, переменные, имена функций и любые другие идентификаторы всегда должны вводиться с одинаковой заглавной буквой.

Таким образом, идентификаторы Time и TIME будут передавать различные значения в JavaScript.

ПРИМЕЧАНИЕ. – При написании имен переменных и функций в JavaScript следует соблюдать осторожность.

Комментарии в JavaScript

JavaScript поддерживает комментарии как в стиле C, так и в стиле C ++, таким образом –

  • Любой текст между // и концом строки рассматривается как комментарий и игнорируется JavaScript.

  • Любой текст между символами / * и * / рассматривается как комментарий. Это может занимать несколько строк.

  • JavaScript также распознает последовательность открытия комментариев HTML <! -. JavaScript обрабатывает это как однострочный комментарий так же, как // комментарий.

  • Последовательность закрытия комментария HTML -> не распознается JavaScript, поэтому она должна быть записана как // ->.

Любой текст между // и концом строки рассматривается как комментарий и игнорируется JavaScript.

Любой текст между символами / * и * / рассматривается как комментарий. Это может занимать несколько строк.

JavaScript также распознает последовательность открытия комментариев HTML <! -. JavaScript обрабатывает это как однострочный комментарий так же, как // комментарий.

Последовательность закрытия комментария HTML -> не распознается JavaScript, поэтому она должна быть записана как // ->.

пример

В следующем примере показано, как использовать комментарии в JavaScript.