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

Оцените материал
(0 голосов)

Здравствуйте! В этом уроке мы с Вами разберем как браузер выполняет код на 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 комментарии. Комментарии бывают полезны если ваш скрипт достаточно большой и нужно пояснять, что делает тот или иной участок кода, а также если вдруг программа не работает бывает достаточно закомментировать участок, где есть ошибка и все заработает, таким образом можно выявить и локализовать проблемный участок кода.

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

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

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

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


Десерт на сегодня - видео о том, как простые ребята из Англии запустили шар с видеокамерой, который долетел до стратосферы:

Прочитано 292 раз Последнее изменение Воскресенье, 13 августа 2017 14:21
Другие материалы в этой категории:
Понравилась запись? Подпишитесь на обновления по почте:

Нетология

TemplateMonster

Поиск по сайту

Связной трэвел

Google+