- •1. Статические и динамические Web-страницы. Особенности скриптовых программ. Анализ языков управления сценариями (JavaScript, vbScript, php, Perl).
- •2. Назначение и применение языка JavaScript. Ввод и вывод данных. Типы данных. Переменные и операторы. Функции. Встроенные объекты. Пользовательские объекты. Специальные операторы.
- •Способ 1: url-схема "JavaScript:"
- •Способ 2: обработчики событий
- •Способ 3: подстановки
- •Размещение кода внутри html-документа
- •Условная генерация html-разметки на стороне браузера
- •Комментарии в html и JavaScript
- •Регистр символов
- •Указание языка сценария
- •Литералы
- •Переменные
- •Массивы
- •Метод join()
- •Метод reverse()
- •Метод sort()
- •Операторы языка
- •Функции
- •Функция как тип данных
- •Функция как объект
- •3. JavaScript. Создание сценариев. Понятие динамического html. Расположение объектов, обработка событий, объекты, управляемые сценариями. Понятие события. Работа с окнами и фреймами. Объекты
- •Операторы работы с объектами
- •Клиентские объекты
- •Иерархия классов dom
- •Коллекции
- •Cвойства
- •События
- •Пользовательские объекты
- •Понятие пользовательского объекта
- •Прототип
- •Методы объекта Object
- •4. JavaScript. Объектная модель броузера и документа. Особенности объектов Window, Document, Location, History, Navigator, Event, Screen Объект window
- •Свойства объекта window Поле статуса и свойство window.Status
- •Программируем status
- •Программируем defaultStatus
- •Поле адреса и свойство window.Location
- •Свойства объекта location
- •Методы объекта location
- •История посещений (history)
- •Тип браузера (navigator)
- •Методы объекта window
- •Методы focus() и blur()
- •Метод setTimeout()
- •Метод clearTimeout()
- •Методы setInterval() и clearInterval()
- •События объекта window
- •Переменные как свойства окна
- •Объект document
- •Фреймы (Frames)
- •Иерархия и именование фреймов
- •Коллекция фреймов
- •Передача данных во фрейм
- •5. Язык сценариев php. Синтаксис языка.
- •Основной синтаксис
- •Разделение инструкций
- •Комментарии
- •6. Основы php. История развития языка php История php
- •7. Основы php. Настройка среды разработки Установка и настройка по
- •Установка Apache 1.3.29 под Windows xp
- •Установка php 4.3.4 под Windows
- •Установка php под Linux
- •Дистрибутив Денвер
- •Константы
- •10. Основы php. Типы данных в php Типы данных
- •Тип boolean (булев или логический тип)
- •Тип integer (целые)
- •Тип float (числа с плавающей точкой)
- •Тип string (строки)
- •Одинарные кавычки
- •Двойные кавычки
- •Тип array (массив)
- •Определение при помощи array()
- •Определение с помощью синтаксиса квадратных скобок
- •Тип object (объекты)
- •Тип resource (ресурсы)
- •11. Основы php. Операторы. Операторы присваивания. Операторы
- •12. Основы php. Математические функции
- •13. Основы php. Арифметические операции в рнр
- •14. Основы php. Операторы. Приоритет операторов
- •15. Основы php. Операторы. Оператор исполнения
- •16. Основы php. Операторы. Строковые операторы
- •17. Основы php. Операторы. Битовые операторы
- •18. Основы php. Операторы. Условный оператор if Оператор if
- •Оператор else
- •Оператор elseif
- •24. Основы php. Циклы. Цикл for
- •25. Основы php. Циклы. Цикл while
- •26. Основы php. Циклы. Цикл do... While
- •27. Основы php. Циклы. Цикл foreach
- •28. Основы php. Операторы. Оператор break. Бесконечные циклы Операторы передачи управления
- •29. Основы php. Операторы. Оператор continue Операторы передачи управления
- •30. Основы php. Массивы. Основы php. Индексы массивов
- •Массивы
- •Операции с массивами
- •Функция count
- •Функция in_array
- •Функция array_search
- •Функция array_keys
- •Сортировка массивов
- •Функция sort
- •Функции asort, rsort, arsort
- •Функция array_unique
- •Сортировка массива по ключам
- •Сортировка с помощью функции, заданной пользователем
- •Применение функции ко всем элементам массива
- •Выделение подмассива Функция array_slice
- •Функция array_chunk
- •Сумма элементов массива
- •31. Основы php. Обработка данных пользователя из форм Протокол http и способы передачи данных на сервер
- •Форма запроса клиента
- •Использование html-форм для передачи данных на сервер
- •Для метода get
- •Для метода post
- •Обработка запросов с помощью php
- •Пример обработки запроса с помощью php
- •32. Основы php. Использование булевых операторов в структурах управляющей логики// в операторах?
- •33. Пользовательские функции в php. Создание функций
- •Функции, определяемые пользователем
- •Аргументы функций
- •Списки аргументов переменной длины
- •Использование переменных внутри функции Глобальные переменные
- •Статические переменные
- •Возвращаемые значения
- •Возвращение ссылки
- •Переменные функции
- •Внутренние (встроенные) функции
- •34. Работа с файлами в php. Открытие файла. Отображение файлов. Закрытие файла Создание файла Функция fopen
- •Закрытие соединения с файлом
- •35. Работа с файлами в php. Чтение из файлов и запись в файлы Запись данных в файл Функция fwrite
- •Чтение данных из файла
- •Функция fread
- •Функция fgets
- •Функция fgetss
- •Функция fgetc
- •Функция readfile
- •Функция file
- •Функция file_get_contents
- •Проверка существования файла
- •Функция file_exists
- •Функция is_writable
- •Функция is_readable
- •36. Работа с файлами в php. Копирование, переименование и удаление файлов
- •37. Работа с файлами в php. Работа с каталогами //в 38
- •38. Язык сценариев php. Управление сессиями. Работа с www. Работа с Cookies
- •Авторизация доступа
- •Механизм сессий
- •Настройка сессий
- •Работа с сессиями Создание сессии
- •Регистрация переменных сессии
- •Удаление переменных сессии
- •Безопасность
- •39. Язык сценариев php. Взаимодействие с базами данных MySql.
- •Построение интерфейса для добавления информации
- •Установка соединения
- •Выбор базы данных
- •Получение списка полей таблицы
- •Отображение списка полей в html-форму
- •Запись данных в базу данных
- •Отображение данных, хранящихся в MySql
- •40. Php и MySql. Обработка результатов запроса. // в 40
- •41. Анализ субд для работы в Web (WebSql, w3ql, WebOql, MySql).
Способ 3: подстановки
Подстановки (entity) поддерживаются только браузером Netscape Navigator 4.0. Они встречаются на Web-страницах довольно редко. Тем не менее это достаточно мощный инструмент генерации HTML-страницы на стороне браузера. Подстановки имеют формат: &{код_программы}; и используются в качестве значений атрибутов HTML-контейнеров. В следующем примере поле ввода INPUT будет иметь, в качестве значения по умолчанию, адрес текущей страницы, а размер поля будет равным количеству символов в этом адресе.
<HTML>
<HEAD>
<SCRIPT>
function l()
{
str = window.location.href;
return(str.length);
}
</SCRIPT>
</HEAD>
<BODY>
<FORM><INPUT TYPE=text SIZE="&{l()};"
VALUE="&{window.location.href};">
</FORM>
</BODY>
</HTML>
В случае подстановки JavaScript-интерпретатор получает управление в момент разбора браузером (компонент парсер ) HTML-документа. Как только парсер встречает конструкцию &{..}; у атрибута контейнера, он передает управление JavaScript-интерпретатору, который, в свою очередь, после исполнения кода это управление возвращает парсеру. Таким образом, данная операция аналогична подкачке графики на HTML-страницу.
Очевидно, что размещать в заголовке документа генерацию текста страницы бессмысленно - он не будет отображен браузером. Поэтому в заголовок помещают декларации общих переменных и функций, которые будут затем использоваться в теле документа. При этом браузер Netscape Navigator более требовательный, чем Internet Explorer. Если не разместить описание функции в заголовке, то при ее вызове в теле документа можно получить сообщение о том, что данная функция не определена.
В Internet Explorer подстановки не поддерживаются, поэтому пользоваться ими следует аккуратно. Прежде чем выдать браузеру страницу с подстановками, нужно проверить тип этого браузера. Альтернативой подстановкам в Internet Explorer можно считатьдинамические свойства стиля. Например, следующий фрагмент создаст поле ввода, ширина которого в пикселях ( px ) равна количеству символов в адресе страницы, умноженному на 10:
<INPUT TYPE=text style="width:expression(10*location.href.length+'px')">
Мы не будем подробно останавливаться на этом способе использования JavaScript-кода.
Способ 4: вставка (контейнер <SCRIPT>)
Контейнер SCRIPT - это развитие подстановок до возможности генерации текста документа JavaScript-кодом. В этом смысле применение SCRIPT аналогично Server Side Includes, т.е. генерации страниц документов на стороне сервера. Однако здесь мы забежали чуть вперед. При разборе документа HTML-парсер передает управление JavaScript-интерпретатору после того, как встретит тег начала контейнера <SCRIPT>. Интерпретатор получает на исполнение весь фрагмент кода внутри контейнераSCRIPT и возвращает управление HTML-парсеру для обработки текста страницы после тега конца контейнера </SCRIPT>.
Помещать JavaScript-код на HTML-странице с помощью контейнера <SCRIPT> можно двумя способами. Первый состоит в написании текста кода непосредственно внутри этого контейнера:
<SCRIPT>
a = 5;
</SCRIPT>
Второй способ состоит в том, чтобы вынести код JavaScript в отдельный файл, например, myscript.js (расширение может быть любым), и затем включить его в HTML-страницу следующим образом:
<SCRIPT SRC="myscript.js"></SCRIPT>
Этот способ удобен, когда один и тот же скрипт планируется использовать на разных HTML-страницах. Обратите внимание, что при наличии атрибута SRC содержимое контейнера <SCRIPT> пусто, и это не случайно: согласно спецификации HTML, если скрипт подключается из внешнего файла, то скрипт, написанный между тэгами <SCRIPT> и </SCRIPT>, если таковой имеется, будет проигнорирован браузером.
Здесь уместно небольшое замечание, которое позволит Вам избежать одной ошибки начинающих программистов. Между тэгами<SCRIPT> и </SCRIPT> не должно встречаться последовательности символов </SCRIPT> в любом контексте. Например, следующий пример работать не будет:
<SCRIPT>
alert('</script>');
</SCRIPT>
Дело в том, что специфика разбора HTML-документа браузером такова, что он сначала определяет границы скрипта, а потом уже передает его интерпретатору JavaScript. В нашем случае браузер посчитает, что код скрипта завершился на первой же встретившейся ему последовательности символов " </script> ", т.е. не на той, на которой было нужно нам. Чтобы пример заработал, достаточно, например, написать alert('<\/script>') (т.к. комбинация " \/ " выводит на экран символ " / "), либо разбить строчку на две: alert('</scr'+'ipt>').
Контейнер SCRIPT выполняет две основные функции:
размещение кода внутри HTML-документа;
условная генерация HTML-разметки на стороне браузера.
Первая функция аналогична декларированию переменных и функций, которые потом можно будет использовать в качестве программ переходов, обработчиков событий и подстановок. Вторая - это подстановка результатов исполнения JavaScript-кода в момент загрузки или перезагрузки документа.