
- •Лабораторная работа №7
- •7.4. Теоретические сведения
- •7.4.1. JavaScript – язык программирования сценариев
- •7.4.2. Типы данных
- •7.4.3. Переменные
- •7.4.4. Литералы
- •7.4.4.1. Целые числа (Integers)
- •7.4.4.2. Литералы с плавающей точкой
- •7.4.4.3. Логические литералы
- •7.4.4.4. Строки
- •7.4.4.5. Специальные символы
- •7.4.5. Выражения
- •7.4.6. Операторы
- •7.4.6.1. Арифметические Операторы
- •7.4.6.2. Побитовые операторы
- •7.4.6.3. Логические операторы
- •Вычисление...
- •7.4.6.5. Операторы Строки
- •7.4.7. Создание сценариев
- •7.4.7.1. Использование JavaScript в html
- •7.4.7.2. Тег script
- •7.4.7.3. Определение и запрос функций
- •7.4.7.4. Тег html
- •7.4.7.5. Создание скриптов обработчиков событий
- •7.4.8. Использование встроенных объектов и функций
- •7.4.8.1. Использование Объекта String
- •7.4.8.2. Использование Объекта Math
- •7.4.8.3. Использование Объекта Date
- •7.4.8.4. Использование Встроенных функций
- •Функция eval
- •Функции parseInt и parseFloat
- •7.5. Пример разработки программы на php с использованием сценариев JavaScript
- •7.6. Указания по организации самостоятельной работы студентов
- •7.7. Контрольные вопросы
7.4.7.2. Тег script
Каждая вставка сценария JavaScript в HTML-документ начинается открывающим тегом <SCRIPT> и завершается закрывающим </SCRIPT>. Открывающий тег <SCRIPT> может иметь необязательный атрибут LANGUAGE равным JavaScript. В связи с появлением еще одного скриптового языка VBScript рекомендуется использовать этот атрибут. Кроме того, обратите внимание на использование тегов комментария <!-- и //-->. Если страница, содержащая сценарий, будет загружена в Обозреватель не поддерживающий языки сценариев, строки программы, засоряя экран, будут выведены как обычный текст. Если же использовать тег комментария, то такой браузер пропустит текст программы, воспринимая его как комментарий. Двойная косая черта перед закрывающим текст скприпта тегом комментария гарантирует, что тег не будет воспринят Обозревателем как оператор JavaScript:
<SCRIPT LANGUAGE="JavaScript">
<!-- alert("Добро пожаловать !")
//--> </SCRIPT>
Результатом выполнения этого скрипта будет вывод на экран сообщения: Добро пожаловать ! (рис. 1).
Рис. 1. Результат выполнения скрипта
7.4.7.3. Определение и запрос функций
JavaScript загружается в браузер вместе с файлом. Запуск программы происходит тогда, когда совершается некоторое событие, на которое указано в файле. Функции сохранены, но не выполнены. Они будут выполнены тогда, когда в странице указано события его выполнения.
Важно понять разность между определением функции и запроса функции. Определение функции просто называет функцию и определяет, что и когда делать. Запрос функции фактически выполняет указанные действия в определении функции. Следующий пример демонстрирует скрипт с функцией и комментариями:
<HEAD>
<META HTTP-EQUIV="Content-Type"
CONTENT="text/html;charset=Windows-1251">
<META HTTP-EQUIV="Translator" CONTENT="Promt98 TranslationSystem">
<SCRIPT LANGUAGE="JavaScript">
<!-- to hide script contents from old browsers
function square(i) {
document.write("Запрос был ", i ," В функции.","<BR>")
return i * i
}
document.write("Функция возвратила",square(5),".")
// end hiding contents from old browsers -->
</SCRIPT>
</HEAD>
<BODY>
<BR>
Документ готов.
</BODY>
Рис. 2. Результат выполнения скрипта
7.4.7.4. Тег html
Необходимо определить функции на странице в теге HTML документа. Так как HTML грузится сначала, что гарантирует функции загрузиться прежде, чем пользователь вызовет функцию.
Пример скрипта с двумя функциями:
<HEAD>
<SCRIPT>
<!--- hide script from old browsers
function bar() {
document.write("<HR ALIGN='center' WIDTH=25%>")
}
function output(head, level, string) {
document.write("<H" + level + ">" + head + "</H" + level + "><P>" + string)
}
// end hiding from old browsers -->
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT>
<!--- hide script from old browsers
document.write(bar(),output("Make Me Big",3,"Make me ordinary."))
// end hiding from old browsers -->
</SCRIPT>
<P>
Thanks.
</BODY>
Рис. 3. Результат запуска скрипта