Разместить заказ
Вы будете перенаправлены на Автор24

Использование Javascript для создания сценария на веб-странице

8-800-775-03-30 support@author24.ru
Статья предоставлена специалистами сервиса Автор24
Автор24 - это сообщество учителей и преподавателей, к которым можно обратиться за помощью с выполнением учебных работ.
как работает сервис
Все предметы / Программирование / Веб-сайты и Веб-страницы / Использование Javascript для создания сценария на веб-странице
Использование Javascript для создания сценария на веб-странице

Всемирная сеть на заре своего существования способна была получать лишь текстовую информацию. Первые версии HTML не имели в своем составе средств, интегрирующих графические объекты в документы. Несмотря на молодость веб-технологии, темпы ее роста значительно превысили темпы развития других информационных технологий.

На сегодняшний день в веб-узлах содержатся разнообразные виды информации: графика, звуковые файлы, анимационные объекты, видеофильмы и простой текст. С помощью языков создания сценариев, таких как JavaScript, можно довольно просто улучшить внешний вид веб-страницы и устанавить тесную взаимосвязь с пользователем.

В любом фантастическом фильме управление компьютерами ведется с помощью команд на английском языке. Сохранится ли в будущем эта ситуация, покажет время. В наши дни все команды языков программирования базируются на синтаксических конструкциях языков BASIC, C и Java.

Помощь со студенческой работой на тему
Использование Javascript для создания сценария на веб-странице

Замечание 1

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

В настоящее время большинство языков программирования довольно сложны, языки же подготовки сценариев очень простые. Они базируются на синтаксисе, позволяющем выполнять простые операции, и их легко изучать. С помощью языков подготовки сценариев можно создать простые сценарии, затем внедрить их в интерактивные веб-страницы.

Сценарии и программы

Любой фильм, видеоклип всегда соответствуют определенному сценарию, т.е. последовательности действий (сцен), которые разыгрываются актерами. В состав сценария в JavaScript может входить как одна строка, так и довольно большой листинг объемом в целое приложение.

Существуют языки программирования, которые требуют компиляции (преобразования) в машинный код, который в дальнейшем и будет выполняться. JavaScript, в отличии от них, представляет собой интерпретируемый язык программирования. Браузер будет выполнять все строки сценария последовательно друг за другом.

Интерпретируемые языки программирования имеют одно большое преимущество: простота создания и изменения сценариев. Изменять сценарий JavaScript так же просто, как и редактировать обычный документ HTML. Все изменения начинают работать сразу после загрузки страницы в браузер.

Замечание 2

Большим недостатком интерпретируемых языков программирования является относительно медленное выполнение созданные на них программы. Поэтому управлять с их помощью графикой не совсем удобно. Кроме того, требуется использование специального интерпретатора (для JavaScript - это браузер).

История JavaScript

JavaScript разработала компания Netscape Communication Corporation, именно ей был создан известный во всем мире браузер Netscape Navigator. JavaScript стал первым разработанным языком подготовки сценариев, но он до сих пор очень популярен.

JavaScript вначале назывался LiveScript и впервые его представили как часть Netscape Navigator 2.0 в 1995 г. Позднее он был переименован в JavсяaScript, чтобы подчеркнуть его сходство с Java. Версиями представленного языка программирования являются:

  • JavaScript 1.0 - первая версия языка, которая поддерживалась Internet Explorer 3.0 и Netscape Navigator 2.0;
  • JavaScript 1.1. - поддерживалась Internet Explorer 4.0 и Netscape Navigator 3.0;
  • JavaScript 1.2., поддерживаемая Internet Explorer 4.0 (частично) и Netscape Navigator 4.0;
  • JavaScript 1.3, поддерживаемая Netscape Navigator 4.5;
  • JavaScript 1.5, поддерживаемая Netscape Navigator 6.0. Большинство средств данной спецификации поддерживает Internet Explorer версии 5.5 и выше.

Назначение

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

  • добавления в документ бегущих строк и сообщений о его изменении;
  • изменения формы введения данных и выполнения необходимых вычислений;
  • отображения сообщений, предназначенных для пользователя (как на самой странице, так и в отдельном диалоговом окне);
  • создания анимированных изображений, изменяющихся при наведении на них мышки;
  • добавления интерактивного баннера;
  • определения используемого браузера и настройки в соответствии с ним веб-страницы;
  • обнаружения используемых внедряемых модулей и уведомления пользователя об их статусе.

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

Добавление сценария JavaScript на веб-страницу

Повторимся, что HTML - это язык разметки документов, используемый для создания веб-страниц. Вспомним, как выглядит код документа HTML:

Заголовок документа

Птицефабрика

Добро пожаловать на наш сайт

В состав этого документа входят заголовок, обозначенный тегами элемента HEAD, и тело, обозначенное тегами BODY. Для добавления сценария JavaScript на веб-страницу используется контейнер дескрипторов и .

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

Рассмотрим небольшой пример:

Заголовок документа

Птицефабрика

Добро пожаловать на наш сайт

document. write (document.lastModified ) ;

Оператор [removed], рассматриваемый ниже, позволяет отображать результат сценария на веб-странице. В нашем случае отображается дата изменения документа.

Замечание 3

Заметьте, что дескриптор содержит параметр LANGUAGE="JavaScript". Этот параметр определяет используемый язык подготовки сценария. В нем вы можете также указывать и номер версии языка.

В приведенном примере сценарий размещен в теле HTML-документа. Сценарии размещаются различными способами относительно документа HTML:

  • в теле документа - результат сценария отобразится на веб-странице в ходе ее загрузки в браузере;
  • в заголовке документа внутри контейнера тега HEAD – сценарий не станет выполняться при загрузке страницы, а будет использован другими сценариями. В данном случае он применяется как функция-группа операторов JavaScript, которые выполняются как единое целое;
  • в теге HTML - такую конструкцию называют обработчиком событий, ее сценарий выполняется одновременно с тегом. Это отдельный тип сценария, не требующий использования дескриптора для своего обозначения;
  • в отдельном файле - JavaScript позволяет создавать собственные файлы с расширением .js, в которых содержатся готовые сценарии. В данном случае сценарий будет указываться в коде документа как имя файла, находящегося между дескрипторами .