При создании сайта могут возникнуть задачи, которые невозможно решить с помощью средств HTML и CSS, поэтому я начинаю новую ветку обучения, которая относится к Верстке - JavaScript. С помощью языка Javascript можно создавать интерактивные web-страницы, обрабатывать данные без перезагрузки страницы, создавать мини-игры или онлайн расчеты, а также самое приятное - создание различных анимационных эффектов на сайте.
Перед тем как приступить к освоению языка JavaScript, желательно знать хотя бы на среднем уровне HTML и CSS. Сразу уточню, что JavaScript и язык программирования Java - это две разные вещи, хоть и имеют много общего. Дело в том, что при создании JavaScript, который раньше назывался LiveScript, разработчики активно использовали Java, в итоге было принято решение поменять название на более созвучное.
Расположение и вызов JavaScript
Код скрипта может располагаться, как внутри html-документа, так и во внешнем файле, к которому нужно указать путь. В HTML команда JavaScript'a добавляется с помощью специального тега <script>, который в конце должен быть закрыт.
1) Пример команды JavaScript в html-документе:
document.write("Первая функция JavaScript")
</script>
В зависимости от типа команды скрипта, этот код может быть добавлен между тегами <head> </head> или <body> </body>. Атрибут type указывает на тип текста, в прошлых стандартнах HTML требовалось его наличие. Однако сейчас эта запись не обязательна, поэтому в дальнейшем я буду её пропускать.
2) Если код скрипта имеет длинную запись или он должен применяться в некоторых местах, то его целесообразно выводить в отдельный файл, с расширением *.js
Запись в html-документе будет иметь вид:
<script src="/scriptfolder/script-file.js"></script>
Структура файла со скриптом будет рассмотрена в следующих статьях...
3) Кроме того, код Javascript может быть поставлен в ссылку. Например:
<a href="javascript: alert('Добро пожаловать!');">Нажми сюда</a>
Основные правила для JavaScript
- Влияние регистра
При записях в коде JavaScript'a нужно обращать внимание на заглавные и прописные буквы. Таким образом, записи javascript: alert и JavaScript: Alert полностью разные. Чтобы допускать меньше ошибок, рекомендую использовать записи нижним регистром.
- Расположение на строках
Удобнее всего располагать операторы на отдельных строках. В случае, если они располагаются в одной строке, то они должны быть разделены точкой с запятой - ";"
- Правила для комментариев
Комментарии удобно применять в файлах скрипта для быстрого поиска нужной части кода или для пояснения разработчикам, которые в будущем будут работать с кодом.
Если перед кодом поставить два слэша - "//" , то дальнейшая запись в этой строке будет закомментирована. С помощью // устанавливается комментарий на одной строке.
Чтобы закомментировать часть кода, расположенного на нескольких строках, нужно использовать символы /* и */ . То есть первым символом открывается комментарий, а последними закрывается.
Преимущества и недостатки
- JavaScript поддерживается практически всеми браузерами
- Существует большая база готовых скриптов
- Выполнение сценариев без перезагрузки страницы
- Возможность создания анимационных эффектов на странице
- Достаточно удобен и прост в применении
- Недочетом является то, что записи через JavaScript не индексируются
- Если используется громоздкий скрипт, то увеличивается вес страницы
- JavaScript плохо защищен от копирования (можно посмотреть код страницы где используется скрипт и скопировать его... конечно потом нужны навыки, чтобы грамотно его использовать)