Наука + Бизнес = $$$

Карта Сайта

Пятница, 19.04.2024, 09:23
Приветствуем Вас Гость
Главное Меню
Помощь Сайту
Информационная:
Пожалуйста, расскажите о нас друзьям и сделайте репост:

Финансовая:
Если этот сайт вам помог, будем благодарны за любую финансовую помощь:
R598551293139

Урок №1: основы JavaScript

Основы JavaScript

Итак, вы неплохо разобрались с языком разметки HTML, и с таблицами стилей CSS, и готовы двигаться дальше. Пожалуй третье что должен знать любой вебмастер - это язык сценариев JavaScript. JavaScript(JS) выполняется в браузере посетителей сайта и необходим для создания интерактивных страниц сайта. JS практически всегда используется при создании интернет магазинов и сайтов.


Немного истории

В 1995 году компания Netscape разработала язык сценариев JavaScript, который используется в браузерах. Существует много разновидностей данного языка, от разных разработчиков (JScript от Microsoft, ECMAScript от Европейской Ассоциации), однако название JavaScript широко применяется для всех разновидностей языка. JavaScript не является собственностью какой-нибудь компании или организации, что отличает ее от многих языков программирования, которые используют в веб-разработке. Целью разработчиков JavaScript было, создать язык программирования, который похож на Java и при этом более простой в освоении для начинающих веб-программистов.

Компания Microsoft в дополнение к своей модификации JScript разработала дополнительный язык VBScript, который существенно отличается от JavaScript, и работает только в браузере Internet Explorer. Разумеется лучше использовать JavaScript, чтобы сценарии возможно было просматривать не только в IE, но и в браузерах Netscape, Opera и т.д.


Область применения JavaScript

Благодаря JavaScript на веб-страницах можно выполнять много разнообразных действий, например:

  • Определять тип браузера и дисплеяи в соответствии с этим корректировать веб-страницу
  • Открывать дополнительные окна браузера и вводить в них содержимое, заголовки, тексты, строки состояния и т.д.
  • Успешно управлять фреймами и документами в браузере
  • Обеспечивать сопровождение движения курсора мышки графическими и звуковыми эффектами ( когда посетитель проводит ею над определенным объектом)
  • Расширять возможности форм, устанавливать для них значения по умолчанию, считывать и проверять введенные в них данные и в зависимости от данных изменять веб-страницу
  • Создавать и считывать cookie-файлы
  • Считывать и записывать время и дату
  • Выполнять апплеты Java с различными параметрами, в зависимости от данных, введенных посетителем, или же типом браузера, в котором выводится страница
  • Анимировать объекты веб-страницы, накладывать несколько слоев документа друг на друга

И это далеко не все возможности языка сценариев JavaScript. Стоит заметить, что, на данный язык оказали влияния многие языки программирования. Именно поэтому в JavaScript имеются: переменные, литералы, циклы, числовые и строковые операторы, условные операторы, комментарии и пользовательские функции.


Простейшая программа на JavaScript

Создадим простейшую программу, которая перед открытием веб-страницы в браузере, создаст всплывающее окно с сообщением. Вставим ее прямо в HTML код (в контейнер body).

<script type="text/javascript">
        //Выводим на экран текст
        document.write('Пример выводимого текста'); 
        //Выводим на экран сообщение
        alert('Сообщение в сплывающем окне браузера')
</script>

Содержимое данной программы можно отредактировать, если вы хотите оставить только всплывающее окно необходимо оставить только вторую строчку программы - alert('Сообщение в сплывающем окне браузера'), которую также взять в парный тег script. Комментарии и пометки в программе принято задавать после парного слеша - //, если комментарий однострочный. Если же комментарий требует использовать несколько строк, то их берут в такие символы: /* ваш многострочный комментарий */

На следующем уроке разберем способы подключения сценариев JavaScript: Подключение JavaScript


Форма входа
Поиск по сайту
Полезные Сайты
Счетчики
Счетчик PR-CY.Rank
Подписка на обновления
Ваш e-mail: *
Ваше имя: *
Контакты
PhantomX5 © 2014-2017Пишем нам: PhantomX5@mail.ru