Как создать сайт

Выполнение кода javascript

Здравствуйте! В этом уроке мы с Вами разберем как браузер выполняет код на JavaScript.  Браузер загружает веб-страницу с html и javascript, при этом сразу происходит интерпретация кода javascript. Результат этой самой  интерпретации в виде всевозможных  кнопок, инпутов для ввода текста,  текстового содержимого  и т.д., мы и лицезреим прям  перед собой в браузере.  Сей процесс происходит сверху вниз.

Если  браузеру встречается  элемент <script> с кодом  на языке javascript, то тут на сцену выходит  javascript и делает свое черное дело. И пока он  его не сделает,  дальнейшая загрузка веб-страницы не идет. То есть если вдруг в  скрипте встречаются ошибки, то загрузка веб-страницы существенно замедляется.

Выполнение кода на JavaScript

 

Давайте разберем   пример:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>JavaScript пример</title>
    <script>
    document.write("Это head");
    </script>
</head>
<body>
    <h2>заголовок веб-страницы</h2>
    <script>
    document.write("Заголовок веб-страницы");
    </script>
    <h2>Ёще один заголовок</h2>
    <script>
    document.write("Ещё один заголовок");
    </script>
</body>
</html>

Просмотреть  пример

 

Здесь  как вы видите  идут 3  вставки кода javascript — первый в секции <head> и по одному соответсвенно  после заголовков.

В первую очередь будет выполнен код  javascript, который находится в секции head.  И первое что вы увидите на странице будет надпись «Это head», а уже потом выведется  «Заголовок веб-страницы».

Основы синтаксиса javascript

Давайте разберем основные моменты  синтаксиса javascript.

Любой код javascript  всегда состоит из инструкций, в конце инструкции ставится точка с запятой:

document.write("Сумма выражения"); var b = 6 + 9; document.write(b);

Но современные браузеры могут распознавать код, который располагается на нескольких строчках и без точки с запятой:

document.write("Сумма выражения")
var b = 6 + 9
document.write(b)

Но для того чтобы как-то улучшить читабельность и снизить большое количество ошибок было принято писать код как в первом примере.

Вы можете использовать в  коде javascript комментарии. Комментарии бывают полезны если ваш скрипт достаточно большой и нужно пояснять, что делает тот или иной участок кода, а также если вдруг программа не работает бывает достаточно закомментировать участок, где есть ошибка и все заработает, таким образом можно выявить и локализовать проблемный участок кода.

Читайте также  История JavaScript.

Есть однострочные комментарии:

// выодим сообщение
document.write("Сумма выражения");
// операция математическая
var b = 6 + 9;
document.write(b);

Также можно использовать  многострочные комментарии такие комментарии заключаются в  такую конструкцию  /*текст комментария*/:

/*  выводим сообщение и
 математическая операция */
document.write("Сумма выражения");
var b = 6 + 9;
document.write(b);

Смотрите видео по комментариям в JavaScript

 

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Плюсануть
Поделиться
Понравилась запись? Подпишитесь на обновления по почте:

Об авторе

admin administrator

Оставить ответ

92 − = 86

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: