- •Федеральное государственное учреждение
- •©Российская таможенная академия, 2008
- •Ростовский филиал
- •© Крицкий с.П.
- •Содержание
- •Введение
- •Основные понятия программирования
- •Классификация языков программирования
- •Характеристика систем программирования на языкахJavaScript/Jscript
- •Типы значений в языкеJavaScript
- •Числовые литералы и значения и их организация в памяти Литералы целых чисел
- •Литералы вещественных чисел (чисел с плавающей точкой)
- •Логические литералы и значения и их организация в памяти
- •Строковые литералы, значения и их организация в памяти
- •Массивы и их организация в памяти. Многомерные массивы, матрицы
- •Записи и их организация в памяти
- •Операции над различными типами данных
- •Арифметические операции
- •Строковые операции
- •Логические операции
- •Операции сравнения
- •Операции выборки
- •Переменные, выражения, условия Переменные
- •Выражения
- •Вызовы функций и методов
- •Порядок вычисления выражения
- •Операции присваивания
- •Автоматическое преобразование типов значений. Функции преобразования и проверки типов
- •Ввод и вывод значений
- •Понятие оператора. Простые и составные операторы. Блок-схемы программ и модулей Операторы и модули
- •Блок-схемы
- •Составные операторы (последовательность, условные). Их синтаксис, блок-схемы и правила выполнения Последовательность операторов
- •Условный операторif … else
- •Операторы цикла (while, do-while и for). Их синтаксис, блок-схемы и правила выполнения. Операторыbreakиcontinue Оператор циклаwhile
- •Операторbreak
- •Операторcontinue
- •Оператор циклаdo…while
- •Оператор циклаfor
- •Функции. Определение и вызов. Выход из функцииreturn. Массив аргументовarguments Определение функции – операторfunction
- •Выход из функции – операторreturn
- •Определение переменной – операторvar
- •Отладка программ. Трассировка, отладочная печать. Тестирование программы
- •Основные понятия объектного подхода
- •ОбъектMath, назначение, свойства, методы. Значения NaN, Infinity, null, undefined.
- •Свойства объектаMath– константы:
- •Методы объекта Math
- •Специальные константы
- •Массивы как объекты в языкеJavaScript. Конструкторы, свойства и методы массивов. Задача копирования массива вJavaScript
- •Конструктор объектов типаArray
- •Свойство объектов типаArray
- •Методы объектов типаArray
- •Типичные задачи с массивами: линейная алгебра
- •Скалярное произведение векторов
- •Произведение матриц
- •Транспонирование квадратной матрицы
- •Типичные задачи с массивами: сортировка. Сортировка вставками. Методsort
- •Сортировка вставками
- •Методsort
- •Типичные задачи с массивами: поиск. Двоичный поиск в упорядоченном массиве
- •Обработка строк. Конструкторы, свойства, методы строк
- •Конструктор объектов типаString
- •Свойство объектов типаString
- •Методы объектов типаString
- •Шаблоны и регулярные выражения. Их использование методами строк.
- •Простые шаблоны
- •Составные шаблоны
- •Пользовательский интерфейс программ. Общее понятие
- •Html-страница как средство интерфейса для программ на языкеJavaScript. Тэги и атрибутыHtml
- •ОбъектыHtml-страниц иWeb-браузера, их свойства и методы. События и их обработка Объектные модели
- •Объекты страницы
- •Объекты браузера
- •СтилиHtml-объектов. Свойства позиционирования объектов страницы
- •Таймеры, примеры использования
- •Понятие ссылочной структуры данных. Односвязный список. Запись списков с помощью литералов.
- •Понятие стека. Функции для стека
- •Двухсвязный список, его структура
- •Понятие очереди и дека, их организация
- •Понятие дерева как ссылочной структуры. Бинарные деревья. Представление дерева литералом
- •Обработка деревьев. Рекурсия
- •Обход дерева «в глубину»
- •Обход дерева «в ширину»
- •Файлы и файловая система
- •Работа с текстовыми файлами
- •Объекты типа TextStream
- •Управление файлами и папками
- •Коллекции дисков, папок и файлов
- •Технология и методология создания программ
- •Жизненный цикл программы
- •Организация процесса разработки
- •Методологии проектирования программ
- •Заключение
- •Приложение 1. Теги, атрибуты и соответствующие свойства Общая структура html-документа
- •Форматирование текста
- •Вставка графики
- •Гиперссылки и карты
- •Приложение 2. События вHtmLи их источники
- •Приложение 3. Атрибуты и свойства стилейCss
- •Приложение 4. Работа с файловой системой вJScript
- •Свойства, методы и коллекции объектов файловой системы
- •Список литературы
- •Словарь терминов
- •If (условие) оператор1 [else оператор2]
- •Основы программирования
Html-страница как средство интерфейса для программ на языкеJavaScript. Тэги и атрибутыHtml
Язык JavaScript разработан с таким расчётом, что его программы исполняются Web-браузером. Поэтому окно Web-браузера является естественным окном для программы на JavaScript, а графическое и текстовое содержание Web-страницы, загруженной в браузер, составляет видимую часть интерфейса JavaScript-программы, включённой в эту страницу.
Web-страницы создаются на языке HTML (Hypertext Markup Language – язык разметки гипертекста) и представляют собой текстовые файлы с расширением .htm, часто называемые HTML-страницами. Их можно создавать в обычном текстовом редакторе, не имеющем средств форматирования текста, например, в Блокноте Windows, но есть и специальные визуальные редакторы, которые позволяют создавать страницу непосредственно в том виде, как она должна выглядеть в браузере, и сами генерируют HTML-код страницы. К таким редакторам относится FrontPage от Microsoft.
FrontPage – мощный редактор Web-сайтов (а не только отдельных Web-страниц), по своим средствам и интерфейсу очень близкий к редакторам Word и PowerPoint, что очень облегчает его освоение.
Перед началом работы, если предполагается создание комплекса из нескольких связанных файлов, следует создать папку и открыть её в программе FrontPage как сайт. В дальнейшем FrontPage сам будет следить, чтобы все необходимые файлы помещались в этой папке и поддерживать в ней структуру сайта.
При создании новой страницы в FrontPage необходимо сразу выбрать нужную кодировку (меню Файл/Свойства/Язык/Сохранить документ, используя). В противном случае в HTML-коде страницы мы увидим вместо обычных символов их цифровые Unicode-коды, и это будет мешать при вставке сценариев на JavaScript.
Редактирование страницы возможно как в режиме Конструктора (когда мы не видим самого HTML-кода), так и непосредственно редактируя HTML-код (в режиме Код или С разделением). Существует также режим Просмотр, в котором можно увидеть страницу практически так же, как в браузере Internet Explorer и отладить сценарий. Кроме того, FrontPage позволяет просмотреть редактируемую страницу в любом браузере, установленном на компьютере.
Язык HTML основан на том, что исходный текст любой Web-страницы – это простой, неформатированный текст. Помимо основного текста, который нужно показать на странице, он содержит указания о том, как этот текст должен быть отформатирован, где и как должно быть вставлено графическое, звуковое и видео оформление (в виде ссылок на соответствующие файлы), где должны быть вставлены гиперссылки – указатели на другие Web-страницы или мультимедиа-документы, связанные с этой страницей. Эти указания задаются с помощью специальных меток, называемых тегами.
Все теги имеют вид
<имя_тега [атрибуты]> Содержание тега </имя_тега>
или
<имя_тега [атрибуты]>.
В нервом случае тег называется парным. Он состоит из открывающего и закрывающего тегов и содержания. Содержание тега – это текст и, возможно, другие теги. Атрибуты тега – это последовательность выражений вида
имя_атрибута="значение_атрибута"
(или просто имя_атрибута), разделённых пробельными символами.
В отличие от JavaScript, язык HTML не чувствителен к регистру, т.е. имена тегов и атрибутов могут использовать и большие, и малые буквы.
Некоторые важные теги и их основные атрибуты представлены в приложении 1.
