- •Саратовский государственный технический университет
- •Введение
- •Три уровня web-документа
- •Навигация
- •Глава 1. Основы Java Script
- •Рекомендации по использованию JavaScript
- •Добавление JavaScript кода в html документы
- •Сокрытие сценариев от устаревших браузеров
- •Определение языка сценариев
- •Атрибут language
- •Атрибут defer
- •1.2. Ввод и вывод данных
- •Alert(сообщение);
- •Confirm(сообщение);
- •Вывод в тело документа
- •Практические задания
- •1.3. Типы данных и значения
- •Целые литералы
- •Шестнадцатеричные и восьмеричные литералы
- •Литералы вещественных чисел
- •Работа с числами
- •Специальные числовые значения
- •Строковые литералы
- •Управляющие последовательности в строковых литералах
- •Преобразование чисел в строки
- •Логические значения
- •Преобразование логических значений
- •Функции
- •Функциональные литералы
- •Объекты
- •Объектные литералы
- •Значение null
- •Значение undefined
- •Объекты Error
- •Преобразование типов
- •Имена переменных
- •Создание переменных
- •Var имя_переменной;
- •Типизация переменных
- •Область видимости переменной
- •Var X; // Объявляем неинициализированную переменную. Значением ее является undefined
- •Элементарные и ссылочные типы
- •Комментарии
- •Арифметические операторы
- •Операторы сравнения
- •Операторы сравнения
- •Оператор in
- •Оператор instanceof
- •Строковые операторы
- •Логические операторы
- •Присваивание с операцией
- •Условный оператор (?:)
- •Оператор typeof
- •Оператор создания объекта (new)
- •Оператор delete
- •Глава 2. Инструкции Java Script
- •Инструкция if - оператор условного перехода
- •If (условие)
- •If (условие1) {
- •If (!х) {// Если переменная username равна null, undefined, 0, "" или NaN, она
- •If (!X) alert('Bы ничего не ввели")
- •Инструкция else if
- •Инструкция switch
- •Практические задания
- •Операторы цикла
- •Инструкция while
- •Цикл do/while
- •Инструкция for
- •I f (условие2){
- •Инструкция for/in
- •Инструкция break
- •Инструкция continue
- •Практические задания
- •Инструкция var
- •Инструкция function
- •Инструкция return
- •Инструкция throw
- •Инструкция try/catch/finally
- •Инструкция with
- •Пустая инструкция
- •Глава 3 Объекты
- •Создание объектов
- •Свойства объектов
- •Объекты как ассоциативные массивы
- •Свойства и методы универсального класса Object
- •Объект String (Строка)
- •Методы String обработки строк
- •X.Split(" ") /* значение - массив из элементов: "Привет", "всем" */
- •Методы String форматирования строк
- •Функции вставки и замены подстрок
- •Insstr ("Привет, друзья", " мои", 7) // "Привет, мои друзья"
- •Insstr("Привет, друзья", " мои", 100) // "Привет, друзья мои"
- •Практическое задание
- •Массивы
- •Чтение и запись элементов массива
- •Добавление новых элементов в массив
- •Длина массива
- •Многомерные массивы
- •Методы массивов
- •Функции обработки числовых массивов
- •Практическое задание
- •Практические задания
- •Объект Date
- •Аргументы
- •Статические методы
- •Практические задания
- •Объект Math (Математика)
- •Свойства Math
- •Методы Math
- •Таймеры
- •If (confirm("Прервать процесс ?"))
- •Глава 4 Основы создания сценариев
Добавление JavaScript кода в html документы
Код, написанный на JavaScript, может встраиваться в HTML документы несколькими способами:
• между парой тегов <script> и </script>;
• из внешнего файла, заданного атрибутом src тега <script>;
• в обработчик события, заданный в качестве значения атрибута тега HTML, такого как, например onclick или onmouseover;
• как тело URL-адреса, использующего специальный спецификатор псевдопротокола javascript:.
Клиентские JavaScript сценарии представляют собой часть HTML-файла и находятся между тегами <script> и </script>:
<script type="text/javascript">
// Здесь располагается код на языке JavaScript
</script>
HTML-документ может содержать произвольное число элементов <script>. Выполняются они в порядке их следования в документе и представляют собой части одной JavaScript-программы: функции и переменные, определенные в одном сценарии, доступны всем сценариям, находящимся в том же файле.
Пример:
<html> <body>
<script type="text/javascript">
alert(“Здравствуйте!!”); //выводим сообщение
document.bgColor=“red”;//поменяли цвет фона на красный
</script>
Здесь в документе можно написать любой html-текст
<script type="text/javascript">
alert(“Мы уже встречались!!”); //выводим сообщение
document.bgColor=“yellow”; //поменяли цвет фона на желтый
</script>
Здесь также можно написать любой html-текст !!!!!
</body> </html>
Возможны также следующие значения для атрибута language: “JScript” (для языка Java Script); “VBScript; ”VBS” (для языка Visual Basic).
Компания Microsoft предлагает в качестве альтернативы язык VBScript, основанный на Visual Basic, однако он поддерживается только в Internet Explorer, и поэтому его выбор нельзя назвать удачным. Следует также отметить, что Microsoft предлагает собственную версию JavaScript, JScript, которая поддерживает большинство стандартных функций JavaScript и расширяет некоторые функциональные возможности, но опять же только для Internet Explorer.
Тег <script> поддерживает атрибут src. Значение этого атрибута задает URL - адрес файла, содержащего JavaScript - код. Используется он следующим образом:
<script src="../../javascript/util.js"></script>
Файл JavaScript - кода имеет расширение .js и содержит JavaScript - код
в «чистом виде» без тегов <script> или любого другого HTML - кода. Тег <script> с атрибутом src ведет себя точно так же, как если бы содержимое указанного файла находилось непосредственно между тегами <script> и </script>.
Любой код, указанный между этими тегами, игнорируется браузерами. Обратите внимание, что закрывающий тег </script> обязателен даже в том случае, когда указан атрибут src и между тегами отсутствует JavaScript - код.
Использование тега с атрибутом src дает ряд преимуществ:
• HTML_файлы становятся проще, т. к. из них можно убрать блоки JavaScript - кода, что помогает отделить содержимое от поведения.
• JavaScript - функцию или другой JavaScript - код, используемый несколькими HTML - файлами, можно держать в одном файле и считывать при необходимости. Это уменьшает объем занимаемой дисковой памяти и намного облегчает поддержку программного кода.
• Когда JavaScript- функции требуются нескольким страницам, размещение кода в виде отдельного файла позволяет браузеру кэшировать его и тем самым ускорять загрузку.
• Атрибут src принимает в качестве значения произвольный URL - адрес, поэтому JavaScript - программа или веб - страница с одного веб - сервера может воспользоваться кодом (например, из библиотеки подпрограмм), предоставляемым другими веб - серверами.