От автора: приветствую вас, друзья. Данная статья откроет цикл материалов для новичков, которые дадут общее направление для изучения JavaScript. И начнем мы с того, что же такое JavaScript и для чего он нужен. Также мы узнаем, как подключить JavaScript к вашей странице. Статья предназначена для новичков, которые только начинают знакомиться с JavaScript.
Итак, что же такое JavaScript. К слову, относительно названия языка. Не путайте JavaScript с языком программирования Java, как это делает большинство новичков. Это абсолютно разные языки, которые похожи лишь названием. Собственно, изначально JavaScript назывался LiveScript, однако волею маркетологов он сменил свое название на JavaScript, которое за ним сохранилось и по сей день.
JavaScript — это клиентский язык программирования, разработанный, прежде всего, для интерактивности веб-страниц. Клиентский означает, что он выполняется не на стороне сервера (как, скажем, PHP), а на стороне браузера. В этом огромный плюс JavaScript, поскольку ему не нужно специальное окружение, в любом современном браузере имеется интерпретатор JavaScript, поэтому для работы с JavaScript достаточно лишь браузера.
Проще говоря, JavaScript создавался с целью как-то оживить и украсить наш HTML. Ведь в 90-е годы, а именно тогда и был создан JavaScript, никто не знал ни о HTML5, ни о CSS3. Да что там говорить о CSS3, просто о CSS никто в то время и не слышал. Оформление страницы осуществлялось непосредственно в коде HTML посредством тегов и их атрибутов: font, color, bgcolor и др… кошмар и ужас, в общем.
Единственным глотком свежего воздуха тогда был Flash, который делал странички интерактивными. Другой интерактивности просто не было. Банально изменить поведение ссылки при наведении было невозможно. Вот для таких вещей в первую очередь и задумывался JavaScript.
Создатель JavaScript Брендан Эйх задумывал сделать его достаточно простым в освоении и использовании языком и, в целом, у него это получилось. Уже через несколько минут после начала изучения JavaScript вы можете написать свою первую простейшую программу на этом языке.
Давайте же попробуем проверить это утверждение и напишем свою первую программу на JavaScript. Огромным плюсом JavaScript является его полная интеграция с HTML, а это значит, что мы можем вставить нашу программу на JavaScript в любое разумное место нашего HTML документа (или, к примеру, файла .php, если он отвечает за разметку).
Для того, чтобы использовать JavaScript в коде HTML, нам необходим специальный тег script, внутри которого и пишется программа на JavaScript. Вот так, к примеру:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JavaScript</title> </head> <body> <h1>Это обычный HTML документ</h1> <script> // а здесь будет код JavaScript </script> </body> </html> |
Стандарт HTML4 дополнительно требовал указать тип следующим образом:
|
1 2 3 |
<script type="text/javascript"> // а здесь будет код JavaScript </script> |
Однако, в стандарте HTML5 делать так уже не обязательно и даже излишне.
Ну и пока что внутри тегов script нет никакого полезного кода, давайте напишем хоть что-нибудь полезное. Как вариант, покажем модальное окно с приветствием. Вывести стандартное модальное окно поможет метод (функция) alert(), параметром которой мы можем передать строку для вывода. Если вам пока что не понятны слова функция, параметр и метод, не расстраивайтесь, в следующих статьях мы попробуем с ними разобраться. Итак, пробуем:
|
1 2 3 |
<script> alert('Привет!'); </script> |
При загрузке страницы браузер покажет нам стандартное для него модальное окно с текстом, который мы передали параметром в alert. Это окно будет висеть до тех пор, пока пользователь не нажмет кнопку OK.
На этом мы, пожалуй, завершим текущую статью. В следующих статьях мы поговорим об окружении, которое упростит разработку на JavaScript, а также о синтаксисе JavaScript. Если вы хотите больше узнать об этом языке, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!
