Куракбаев Ж.С., Дауенова Ж.О.
Южно-Казахстанский
государственный университет им.М.Ауезова, Шымкентский университет, Казахстан
Использование клиентских
скриптов в динамическом Web-проекте
Введение. Клиентский скрипт - специальный сценарии, которые дает возможность динамически изменять содержания Web-проекта без участие Web-сервера. Обычно клиентский скрипт вставляется в Web-документ и для выполнения не требуется
установка дополнительного программного обеспечения. Скрипт
выполняется прямо на браузере. Современные все браузеры
поддерживают выполнение клиентского скрипта. К
языкам Web-программирования, предназначенные для создания клиентского скрипта относятся Javascript, VBScript и ActionScript. В этой
статье остановимся
подробнее на языке Javascript.
Возможности клиентского скрипта. Перечисляем возможности скрипта написанного на языке Javascript [1]:
·
для выполнения скрипта не требуется никакого дополнительного программного
обеспечения;
·
выполнение скрипта не отправляется на Web-сервер, что
значительно ускоряет работу Web-документа на компьютере;
·
имеется возможность
динамически изменять содержание Web-документа;
·
скрипт реализует задачи, недоступные
для статических страниц;
·
имеется возможность
реагирования на разные события (изменение содержание Web-документа в ответ на действие пользователя, движение
курсора мыши, нажатие кнопок мыши);
·
можно производить разные математические расчеты.
·
скрипт поддерживается в приложениях Adobe Photoshop, Adobe Dreamweaver и
Adobe Illustrator, которые активно используются в Web-программирований.
Применение клиентского скрипта. Рассмотрим порядок запуска скрипта. Предположим, что код скрипта и
обработчик событий находятся на одном Web-документе. Код скрипта размещается между тэгами <head>
и </head>, а обработчик событий располагается прямо в основной
части Web-документа. Код скрипта
отделяется от других тэгов Web-документа с помощью тега <script>. В открывающем тэге явно указывается имя языка (script
language) - JavaScript. Далее описывается тело скрипта и обработчик событий с
помощью тэга <input>.
Листинг
программы [2]:
<html>
<head>
<script
language='JavaScript'>
function f1()
{
alert("Скрипт іске
қосылды");
}
</script>
</head>
<body>
<input type="button" value="Скрипт" onclick="f1()">
</body>
</html>
На экране браузера появляется
изображение командной кнопки:
Для запуска
скрипта используется объект Button и событие Onclick. При нажатие
кнопок мыши
активизируется функция f1() и осуществляет вывод
информации с помощью метода alert() на экран (рис. 1).
Рисунок
1- Результат выполнения скрипта
Анализируя
листинг приведенного скрипта, можно сказать, что код скрипта может
располагаться практически в любом месте Web-документа.
Далее
предположим, что код скрипта находятся в отдельном файле с именем, например,
file.js.
Листинг код
скрипта:
function f1()
{
alert("Скрипт
іске қосылды");
}
Подсоединение
файла file.js к основному Web-документу осуществляется с помощью тэга <script>. Это тэг распологается между
тэгами <head> и </head>. Имя файла и путь к нему указывается с помощью атрибута scr:
<script
language='JavaScript' scr=”file.js”> </script>
Запуск
скрипта выполняется с помощью командной строки:
<input
type="button"
value="Скрипт"
onclick="f1()">.
Листинг
программы:
<html>
<head>
<script
language='JavaScript' src='file.js'> </script>
</head>
<body>
<input
type="button"
value="Скрипт"
onclick="f1()">
</body>
</html>
В результате
действия этого кода, на экране браузера появляется изображение командной
кнопки. Щелчок по этой кнопке приведет к выполнению скрипта и появлению вышеуказанного
изображения (рис. 1).
Вывод. Клиентские скрипты, написанные на языке JavaScript
используется для расширения возможностей Web-документа. Они обладают
наибольшей совместимостью со всеми типами браузеров. При этом код скрипта может
располагаться практически в любом месте Web-документа и в любом отдельном
файле.
Литература:
1.
http://javascript.ru/manual
2. Құрақбаев
Ж.С., Ибрагимов О.М. «HTML+JavaScript» пәніне
арналған әдістемелік оқу құралы. –Шымкент: ОҚМУ,
2011. – 68 бет.