Обзор популярных расширений Joomla

Статьи о создании и развитии сайта

Обучающие материалы по верстке HTML\CSS


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 плохо защищен от копирования (можно посмотреть код страницы где используется скрипт и скопировать его... конечно потом нужны навыки, чтобы грамотно его использовать)

Комментарии

  • Модуль VTEM Panorama

    Дмитрий
    Доброго времни суток! Несовсем догоняю как привязать к joomshoping те для каждого товара должен ...
     
  • Плагин Edocs

    sveta
    после перехода с http на https плагин перестал работать. Меняла все пути, которые возможно, но не ...
     
  • Компонент JoomShopping. Полезности

    Димы
    Ух, шикарно, спасибо. Изменил карточку товара. Цену и кнопку "В корзину" разместил слева от ...
     
  • Работа с категориями в K2

    Николай
    Подскажите пожалуйста, пользуюсь Serpstat. Комплексный аудит сайта по метатегам (путь:Аудит сайта ...
     
  • Компонент JoomShopping. Товары и категории

    Валерий
    Здравствуйте. Мне очень нужна Ваша помощь. Как возможно сделать, чтобы форма заказа товара в joomshopping ...