Основы JavaScript

• May 17, 2024

Javascript - это отличный способ добавить интерактивность на ваш сайт. Только с HTML ваши страницы будут полностью статичными, но если вы добавите несколько фрагментов Javascript, у вас может быть сайт, который будет реагировать на действия ваших посетителей, и многое другое.

Одна вещь, которая может сбить с толку веб-разработчиков - это то, что Javascript и Java звучат очень похоже. На самом деле, они не имеют ничего общего! Java - это язык программирования, в то время как Javascript - это строго инструмент для написания сценариев - он не настолько сложен, чтобы считаться его собственным языком.

Когда вы будете готовы добавить Javascript на свой сайт, у вас есть несколько вариантов. Во-первых, вы можете написать код на его собственной странице, а затем вызвать его в заголовке веб-страницы - это очень похоже на добавление страницы CSS, за исключением того, что вы также должны добавить команду где-нибудь в теле веб-страницы для активации сценария. Во-вторых, вы можете написать скрипт в собственном заголовке веб-страницы; опять же, вам нужно добавить код в тело страницы, чтобы запустить скрипт. И в-третьих, вы можете написать код прямо в теле страницы. Эта опция возможна только для очень коротких сценариев - иначе вы будете очень сильно загромождать свой HTML!

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



Для полного соответствия HTML лучше всего добавить атрибут в тег script, чтобы браузеры вашего посетителя точно знали, что это Javascript, а не какой-то другой скрипт:



Наконец, чтобы быть полностью в безопасности, целесообразно закомментировать все между тегами сценария. Таким образом, если у вас есть посетитель, который запускает доисторический браузер, у него не будет экрана, заполненного мусором. Таким образом, Javascript вашей веб-страницы будет выглядеть примерно так:





Говоря о комментариях, вы можете добавлять комментарии в Javascript как можно больше с HTML и CSS. В Javascript комментарии помечены // в начале строки. Вот почему вы должны включить две косые черты перед последним комментарием в приведенном выше примере.

Видео инструкция: Изучаем JavaScript за 90 минут (May 2024).