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

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

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


search

Первые записи в JavaScript

javafirstПосле того, как мы в предыдущей статье познакомились с использованием и основными правилами JavaScript, можно приступать к попыткам составления первых записей в JavaScript. Но для этого потребуются некоторые инструменты, с помощью которых можно записывать и проверять на работоспособность составленный код. Соответственно это редактор кода и web-браузер со средствами отладки или просмотра ошибок.

 

Инструменты для создания JavaScript

javainstrСпециального редактора для создания кода JavaScript не существует, по крайней мере я не нашел. Для этих целей подойдут те же, в которых можно работать с HTML и CSS - это Komodo Edit, NotePad++, SciTE и т.п. Главное, чтобы редакторы обладали возможностью подсветки кода.

Кроме редакторов, понадобиться ещё web-браузер, в котором нужно проверять код на работоспособность и на наличие ошибок. Больше всего я рекомендую использовать браузер Mozilla Firefox, желательно использовать одну из последних версий. К браузеру также понадобиться специальное дополнение, о котором вы знаете из статьи об инструментах для создания сайта - это дополнение FireBug.

После всех проверок в Firefox, желательно проверить работоспособность JavaScript на остальных популярных браузерах - Opera, Google Chrome, IE ...

Первые записи

Обеспечив себя всеми инструментами можно приступать к написанию первого простого кода JavaScript.

Пример:

<html>
<head>
<title>Тест</title>
</head>
<body>
<p>Начало текста...</p>
<script>
alert('Нажми на кнопку OK!');
</script>
<p>...Продолжение текста...</p>
</body>
</html>
 
Скопировав и проверив этот код, вы обнаружите, что "продолжение текста" не отобразиться до тех пор, пока вы не нажмете на кнопку. Таким образом, если на вашем сайте есть скрипты, то при загрузке страницы они выполняются не одновременно, а постепенно. И до тех пор, пока скрипт не выполнит свою функцию, страница не будет загружена.

Если ваш сайт медленно грузится - возможно это какой-то скрипт не может быть обработан!

Вернемся к примеру.

Чтобы не загромождать, пропущу, html-теги, а между тегами script выполню простое математическое действие:

<script> 
var х = 50
var y = х / 5
alert(y)
</script>

Пояснениеvar - объявление переменной, x и y - переменные, которые обозначают записи после них. Команда alert выводит переменную указанную в скобках, однако это может быть только последняя переменная, т.е. в данном случае это y. Обратите внимание, что в скобках не стоят кавычки, как в прошлом примере. Кавычки нужны для того, чтобы отображать любой текст, находящийся в них, а при выводе переменной они не требуются.

javrulsПравила для переменных:

  • Обязательно должны быть записаны на английском языке
  • Не должны быть числовыми или начинаться с цифр (в конце и середине допускается)
  • Переменные не должны содержать дефисов и пробелов
  • Допускается использование нижнего подчеркивания
  • Как и все записи в JavaScript переменные чувствительны к регистру (var ≠ VAR)

Переменные могут иметь вид:  z, Оtvet, message1, true_false и т.п.

Попробуйте, используя примеры, посчитать в браузере значение переменной z по формуле:

z = 10 * y , где y = 25 - x, x = 15

Ответы к решению и свои вопросы задавайте в комментариях...

Joomla SEF URLs by Artio

Комментарии

  • Модуль VTEM Panorama

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

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

    Димы
    Ух, шикарно, спасибо. Изменил карточку товара. Цену и кнопку "В корзину" разместил слева от ...
     
  • Эффективные способы продвижения сайта

    Александр
    Спасибо за полезную и интересную информацию. Продвижение сайтов резко приобрело популярность благодаря ...
     
  • Работа с категориями в K2

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