Веб-программирование технологии JavaScript
В настоящее время огромное внимание уделяется web-ресурсам. Практически любая организация, учреждение, предприятие и т.д. имеют свой сайт в интернете. Для придания динамичности web-сайтам необходимо использовать программный доступ к системе приложений. С этой целью целесообразнее всего использовать JavaScript, как встраиваемый язык для доступа к приложениям, для придания динамичности и интерактивности Интернет-ресурсам. О данном языке программирования написано множество книг.
Файлы: 1 файл
реферат 48 тема испр.docx
Кафедра
Реферат по теме
Веб-программирование технологии JavaScript
Аннотация
В данной работе рассмотрены возможности языка JavaScript для веб-технологий, его основные инструменты, примеры применения.
Введение
В настоящее время огромное внимание уделяется web-ресурсам. Практически любая организация, учреждение, предприятие и т.д. имеют свой сайт в интернете. Для придания динамичности web-сайтам необходимо использовать программный доступ к системе приложений. С этой целью целесообразнее всего использовать JavaScript, как встраиваемый язык для доступа к приложениям, для придания динамичности и интерактивности Интернет-ресурсам. О данном языке программирования написано множество книг.
Поэтому цель данной работы – вкратце рассмотреть возможности языка программирования JavaScript, его особенности, структуру.
1. Язык программирования JavaScript
1.1. Предназначение языка JavaScript.
Любой сайт имеет две стороны: серверную и клиентскую. Серверная часть расположена непосредственно на сервере. Это файлы, которые включают в себя код, создающий (или генерирующий) веб-страницы. То, что мы видим в своем браузере – это клиентская часть, и те языки, которые могут выполняться только на стороне браузера, называются клиентскими1.
Одним из самых распространенных на сегодняшний день и встраиваемый практически во все браузеры является язык программирования JavaScript.
JavaScript был разработан в 1995 году фирмой Netscape.
JavaScript – объектно-ориентированный скриптовый язык программирования. Программа на JavaScript никогда не компилируется, а выполняется при помощи интерпретатора, который встроен в любой веб-браузер.
Прототипное программирование – стиль объектно-ориентированного программирования, при котором отсутствует понятие класса, а повторное использование (наследование) производится путём клонирования существующего экземпляра объекта — прототипа.
Поскольку программа на JavaScrit представляет собой сценарий, то ее не требуется компилировать. Сценарий интерпретируется (браузером) по ходу выполнения.
Помимо собственно программирования JavaScript предоставляет широчайшие возможности для манипуляций с веб-страницей. При помощи него можно получить доступ к свойствам всех элементов HTML-документа и модифицировать их.
1.2. Безопасность языка JavaScript
В целях безопасности для сценариев JavaScript ограничен доступ к файловой системе компьютера, а также ограничена возможность запускать другие приложения. Т.е. у JavaScript-сценария нет прямого доступа к операционной системе. Кроме того, JavaScript, который работает в одной вкладке или окне браузера, не имеет доступа к другой вкладке или окну, кроме тех вкладок и окон, которые открываются согласно коду на JavaScript.
1.3. Возможности языка JavaScript
Современный JavaScript — это «безопасный» язык программирования общего назначения. Он предназначен для работы в браузерах, поэтому не содержит в себе средств работы с процессором, памятью.
В браузере JavaScript умеет делать все, что относится к манипуляции со страницей, взаимодействию с посетителем и, в какой-то мере, с сервером:
Удалять существующие HTML-теги, создавать новые, показывать и прятать элементы, менять стили элементов и т.п.
Обрабатывать действия посетителя, реагировать на нажатие пользователя на клавиатуру, клики мыши, перемещение курсора и т.п.
Посылать запросы на сервер и загружать данные без перезагрузки страницы (эта технология называется «AJAX»).
Получать и устанавливать cookie, запрашивать данные, выводить сообщения и многое, многое другое!2
1.4. Особенности языка JavaScript
Язык программирования JavaScript обладает з качествами:
1) поддерживается всеми браузерами;
2) имеет простой и понятный инструментарий;
3) полностью взаимодействует с CSS и HTML.
Именно наличие этих трех характеристик сразу делают язык программирования JavaScript уникальным и обеспечивают его широкое распространение.
2. Использование языка JavaScript. Структура программы
Для того чтобы вводимую пользователем в поля формы информацию можно было обработать в сценарии, необходимо заменить в форме элемент на элемент . В качестве значения свойства onclick необходимо указать имя JavaScript-функции обработки события. В качестве параметра функции передается объект-форма3.
В теле функции осуществляется проверка на непустое значение в поле username, которое затем выводится внизу страницы путем присвоения его значения свойству innerHTML предварительно созданного элемента с >
2.1. Включение сценария в HTML-файл
Программы на языке JavaScript можно вставить в любое место HTML при помощи тега SCRIPT.
Элемент также имеет необязательные атрибуты:
Иногда рекомендуется использовать HTML-комментарии внутри SCRIPT, чтобы спрятать Javascript от браузеров, которые не поддерживают его:
Если JavaScript-кода много, то его выносят в отдельный файл, который подключается в HTML:
Положительной стороной выноса скриптов в отдельный файл является кеширование. Ведь часто один и тот же скрипт может быть использован на большом количестве страниц. В этом случае он будет скачан браузером только один раз, и впоследствии, при правильной работе сервера, будет брать данный скрипт из своего кеша4.
2.2. Выполнение сценариев и отображение страницы
Когда браузер парсит HTML-страницу и находит тег , он переключается в режим выполнения кода Javascript, который находится внутри данного тега. После его выполнения, браузер продолжает парсить страницу. Таким образом, тег прекращает отображение документа, пока не будет выполнен. Если необходимо, чтобы выполнение скрипта происходило до того момента, как страничка будет отображена, то самое подходящее место – это раздел .
Если необходимо продолжить рендеринг и отображение страницы прежде, чем скрипт из внешнего файла загрузится, то можно для тэга задать атрибут async или defer, то браузер поставит его в очередь на загрузку и продолжит отображать страницу. Когда скрипт загрузится — он выполнится. Разница между этими двумя атрибутами заключается в том, что defer сохраняет порядок выполнения скриптов, а async – нет.
Для еще большего упрощения экспериментов с JavaScript можно использовать URL-адрес со спецификатором псевдопротокола javascript: для вычисления значения JavaScript-выражения и получения результата. Такой URL-адрес состоит из спецификатора псевдопротокола (javascript:), за которым указывается произвольный JavaScript-код (инструкции отделяются одна от другой точками с запятой). Загружая URL-адрес с псевдопротоколом, браузер просто исполняет JavaScript-код. Значение последнего выражения в таком URL-адресе преобразуется в строку, и эта строка выводится веб-браузером в качестве нового документа.
2.3. Операторы и комментарии
Операторы в программах на языке JavaScript разделяются точкой с запятой. Данный разделитель можно не ставить, если есть переход на новую строку, однако во избежание проблем и для лучшей читаемости кода лучше все-таки ставить точку запятой «явно»5.
Комментарии можно размещать в любом месте программы, потому как они никак не влияют на ее выполнение. Интерпретатор JavaScript попросту игнорирует их. Однострочные комментарии необходимо начинать с двойного слэша //. Текст будет считается комментарием до самого конца строки. Для обозначения многострочных комментариев вначале пользуются слешем-звездочкой /* а в конце — звездочкой-слэшем */
Основным элементом языка JavaScript является функция. Описание функции имеет вид function F (V) , где F- идентификатор функции, задающий имя, по которому можно обращаться к функции; S — тело функции, в нем задаются действия, которые нужно выполнить, чтобы получить результат; V- список параметров функции, разделяемых запятыми. Определить возвращаемое функцией значение иси функции приводятся в разделе документа. Это позволяет обеспечить интерпретацию и сохранить в памяти все функции при загрузке документа в браузер.
При интерпретации HTML-страницы браузером создаются объекты JavaScript. Объекты между собой связаны при помощи системы иерархии. На самом верхнем уровне иерархии находится объект windows, который представляет собой окно браузера. Объект windows является «предком или родителем» всех остальных объектов. Кроме того у каждой страницы кроме объекта windows есть еще объект document. Свойства объекта document определяются содержимым самого документа: цвет фона, цвет шрифта и т. д. Для получения значения, введенного в первом поле формы, должна выполняться document.forml.stl.value
т.е., используем данные value из поля ввода с именем st1 находящегося на форме form1 объекта document.
В JavaScript строчные и прописные буквы алфавита считаются разными символами. Любой язык программирования оперирует с постоянными и переменными величинами. В JavaScript это литералы и переменные.
При написании программ на JavaScript используется набор символов Unicode, который позволяет обеспечить отображение практически любого языка за счет 16-разрядной кодировки. Эта возможность особенно ценна для программистов и пользователей, которые не говорят на английском языке.
Язык программирования JavaScript очень чувствителен к регистру. Это значит, что все ключевые слова, переменные, имена функций и любые другие идентификаторы языка должны всегда прописываться одинаково. Разночтение в одну букву набранную другим регистром воспринимается JavaScript как наименование новой переменной. Например, ключевое слово «onclick» должно набираться как «onclick», а не «Onclick» или «ONCLIK».
Литерал — это значение, указанное непосредственно в тексте программы. Ниже приведены примеры литералов:
1.3 // число одна целая три десятых
true // логическое выражение и т.д.
Литералы — важная часть любого языка программирования, поскольку написать программу без них невозможно.
Идентификатор представляет собой просто любое имя. В JavaScript идентификаторы используются в качестве названий функций и переменнных, а также меток некоторых циклов. Правила формирования допустимых идентификаторов совпадают с правилами многих других языков программирования. Идентификатор должен начинаться с буквы, символ подчеркивания (_) или знака доллара ($). Все последующие символы могут быть любой буквой, цифрой, символом подчеркивания или знаком доллара.
3. Другие области использования языка JavaScript.
JavaScript — это язык программирования общего назначения, и его использование не ограничено веб-браузерами. Изначально JavaScript разрабатывался с прицелом на встраивание в любые приложения и предоставление возможности исполнять сценарии. С самых первых дней веб-серверы компании Netscape включали в себя интерпретатор JavaScript, что позволяло исполнять JavaScript- сценарии на стороне сервера. Аналогичным образом в дополнение к Internet Explorer корпорация Microsoft использует интерпретатор JScript в своем веб-сервере IIS и в продукте Windows Scripting Host. Компания Adobe задействует производный от JavaScript язык для управления своим проигрывателем Flash-файлов.
Заключение
Таким з образом, в результате данной работы рассмотрены возможности языка программирования JavaScript. Выделены его особенности. Рассмотрена вкратце структура языка.
На основании вышеизложенного можно сделать вывод, что современный язык программирования JavaScript — удобный и простой в использовании язык, который легко отслеживает все действия пользователя, обрабатывает их и за счет этого позволяет управлять содержимым веб-страницы.