br 8eb34


search

Знакомство с Javascript

JavameetПри создании сайта могут возникнуть задачи, которые невозможно решить с помощью средств HTML и CSS, поэтому я начинаю новую ветку обучения, которая относится к Верстке - JavaScript. С помощью языка Javascript можно создавать интерактивные web-страницы, обрабатывать данные без перезагрузки страницы, создавать мини-игры или онлайн расчеты, а также самое приятное - создание различных анимационных эффектов на сайте.

 

Перед тем как приступить к освоению языка JavaScript, желательно знать хотя бы на среднем уровне HTML и CSS. Сразу уточню, что JavaScript и язык программирования Java - это две разные вещи, хоть и имеют много общего. Дело в том, что при создании JavaScript, который раньше назывался LiveScript, разработчики активно использовали Java, в итоге было принято решение поменять название на более созвучное.

Расположение и вызов JavaScript

Код скрипта может располагаться, как внутри html-документа, так и во внешнем файле, к которому нужно указать путь. В HTML команда JavaScript'a добавляется с помощью специального тега <script>, который в конце должен быть закрыт.

1) Пример команды JavaScript в html-документе:

<script type="text/javascript">
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

  • Влияние регистра

javarulesПри записях в коде JavaScript'a нужно обращать внимание на заглавные и прописные буквы. Таким образом, записи javascript: alert и JavaScript: Alert полностью разные. Чтобы допускать меньше ошибок, рекомендую использовать записи нижним регистром.

  • Расположение на строках

Удобнее всего располагать операторы на отдельных строках. В случае, если они располагаются в одной строке, то они должны быть разделены точкой с запятой - ";"

  • Правила для комментариев

Комментарии удобно применять в файлах скрипта для быстрого поиска нужной части кода или для пояснения разработчикам, которые в будущем будут работать с кодом.

Если перед кодом поставить два слэша - "//" , то дальнейшая запись в этой строке будет закомментирована. С помощью // устанавливается комментарий на одной строке.

Чтобы закомментировать часть кода, расположенного на нескольких строках, нужно использовать символы /* и */ . То есть первым символом открывается комментарий, а последними закрывается.

Преимущества и недостатки

javapreim

  • JavaScript поддерживается практически всеми браузерами
  • Существует большая база готовых скриптов
  • Выполнение сценариев без перезагрузки страницы
  • Возможность создания анимационных эффектов на странице
  • Достаточно удобен и прост в применении
  • Недочетом является то, что записи через JavaScript не индексируются
  • Если используется громоздкий скрипт, то увеличивается вес страницы
  • JavaScript плохо защищен от копирования (можно посмотреть код страницы где используется скрипт и скопировать его... конечно потом нужны навыки, чтобы грамотно его использовать)

Комментарии