В этой статье мы расскажем, что такое JavaScript (Джава Скрипт), приведем примеры, поясним для чего он нужен в html коде. Дадим ответы на популярные вопросы вебмастеров.
1. Что такое JavaScript простыми словамиJavaScript (на русском "Джава Скрипт", сокращенно "JS") - язык программирования встраиваемый в HTML страницы с целью удобства общения с пользователем, обработки ошибок и создания динамичности странице в целом.
JavaScript является объектно-ориентированным и интерпретируемым языком. Является системно-независимым (работает на любых платформах). Зачастую JS код называют скриптами. Можно сказать, что этот язык "заточен" лишь для веб-программирования.
Синтаксис языка во многом напоминает Си и Java, семантически же язык гораздо ближе к Self, Smalltalk.
2. Задачи решаемые JavaScript- Проверку полей html форм (тег ) до того, как они передались на сервер
- Информационные сообщения с предупреждениями
- Эффекты для выделения главных элементов и частей страницы
- Оригинальные выпадающие меню
- Математические вычисления
Обычно с помощью JavaScript делают слайдеры . Можно также выводить контент через вывод на AJAX , это позволяет скрывать из html-кода ненужные или повторящиеся элементы страницы сайта. Изучать эти коды новичку не имеет смысла, т.к. они довольно сложные.
3. Как включить поддержку JavaScript в браузереВсе браузеры поддерживают JavaScript. По умолчанию Джава Скрипт уже должен быть включен в браузерах, если нет, то ниже представлены инструкции для различных браузерах по включению JS.
1. Включить JavaScript в Firefox 2. Включить JavaScript в Google Chrome"Настройка и управление Google Chrome" -> "Параметры" -> "Расширенные" -> "Личные данные (Настройки содержания)" -> "JavaScript:" Разрешить всем сайтам использовать JavaScript (рекомендуется) или запретить выполнение JavaScript на всех сайтах
3. Включить JavaScript в OperaНажать на клавишу F12 Выбрать пункт "Включить JavaScript"
4. Включить JavaScript в Internet Explorer"Сервис" -> "Свойства обозревателя" -> вкладка "Безопасность" -> выбираем зону "Интернет" -> кнопка "Другой" -> пункт "Сценарии" -> "Разрешить сценарии"
4. Пример: как вставить JavaScript в html страницуКод JavaScript вписывается прямо в html код страницы. Для его выделения используют специальные теги
код на javasriptАтрибут type="text/javascript" указывать не обязательно, но желательно.
Использовать <script> можно в заголовочных тегах , так и просто в теле страницы .
Писать html теги между открывающим и закрывающим тегом script запрещено. Это место только для кода на JavaScript.
Чтобы не дублировать один и тот же JavaScript на каждой странице его обычно выносят в отдельный файл с расширением ".js". Этот файл можно подключить в любом месте html-страницы.
4.1. Пример 1. Всплывающие сообщение Hello, WorldНиже представлен пример html код, который при загрузке страницы выводит всплывающее сообщение "Hello, World".
Hello, World на JavaScriptПример с Alert. Будет выведено всплывающие сообщение
alert ("Hello, World! ");Нажмите на ссылку:
Ссылка 4.2. Пример 2. Альтернатива с обработкой javascriptНиже представлен пример html кода с обработкой кода JavaScript с помощью идентификатора id.
Hello, World на JavaScript window.onload = function() { var linkWithAlert = document.getElementById ("check_link "); linkWithAlert.onclick = function() { return confirm ("Перейти по ссылке? "); }; };Нажмите на ссылку :
Ссылка 4.3. Пример 3. Смена цвета объекта при наведении курсораПри наведении курсора мышки на определенные области, они изменяют цвет. Делается это через JavaScript. Например
Код этого примера:
RED GREEN BLUEЭто лишь самые элементарные вещи на JavaScript. Его возможности довольно большие. Не даром в литературных магазинах по этому языку можно найти отдельные книги.
JavaScript- это язык программирования, позволяющий создавать скрипты, которые встраиваются в HTML-страницы и выполняются в браузере посетителя страницы.Современные браузеры в обязательном порядке имеют поддержку языка JavaScript.
Команды JavaScript добавляются на веб-страницы с помощью тега , причём исполняемый скрипт нужно вносить в окне Текст CMS WordPress. Контейнеров в одном документе может быть сколько угодно. Атрибут «type=’text/javascript’» указывать необязательно, так как по умолчанию стоит javascript.
Вот пример:
document
.
write
(«Вывод текста стандартной командой JavaScript.»
);
Атрибут type тега сообщает браузеру о том, команды какого скриптового языка встроены далее до закрывающего тега .
Осваивая язык JavaScript, нужно прежде всего освоить комментарии, которые на первых порах использования языка следует использовать особенно часто.
JavaScript допускает короткие комментарии — комментарии, длина которых не превышает длину строки. Всё, что находится после двух символов // до конца строки, будет являться коротким комментарием. Вот два примера коротких комментариев:
// 1. Команда ниже отображает Абзац, выводимый жирным шрифтом
document
.
write
(«»
);
document . write ( Hello, World! ); // 2. Вывод курсивом строки Hello, World!
Кроме того, JavaScript допускает многострочные комментарии — комментарии, которые распространяются на несколько строк. Вот пример такого комментария:
/*
Первая команда выводит абзац жирным шрифтом,
а вторая команда выводит абзац курсивом
*/
document
.
write
(«
Абзац, выводимый жирным шрифтом.
» ); document . write («Абзац, выводимый курсивом.
» );Невозможно описать все возможности языка JavaScript на одной странице, на ней буду записывать только наиболее существенные, по моему мнению, особенности языка.
Скрипт этого языка можно как внедрять непосредственно в HTML-код страницы, так и выносить в файл, который может вызываться разными страницами. Вот пример вызова файла со скриптом:
Если указан атрибут src=»… «, то содержимое тега игнорируется, то есть в одном теге script нельзя одновременно подключить внешний скрипт и указать код, поэтому нужно выбирать: script либо содержит src, либо содержит код. При необходимости просто код вносим в другой script.
Кстати, WordPress версии 4.0 не признаёт код JavaScript в HTML-коде страниц и портит его, пряча код JavaScript за