Основы языка сценариев JavaScript

Министерство образования и науки Российской Федерации
Курганский Государственный Университет
Кафедра информационных технологий и методики
преподавания информатики
ОСНОВЫ ЯЗЫКА
СЦЕНАРИЕВ JAVASCRIPT
Дисциплина
«Программирование»
Студент группы МЗ-2336с
/Силантьева С.Н./
Направление
050200 – Образование и педагогика
Специальность
050202 – Информатика
Руководитель доцент, к. п. н.
/Никифорова Т.А./
Целью данного проекта будет рассмотрение основ языка
JavaScript.
Объектом курсовой работы будет синтаксис и семантика
языка JavaScript, то есть встроенные функции, объекты,
свойства и методы объектов.
Предметом
исследования
будут
возможности
использования функций, объектов, их свойств и методов для
создания
сценариев,
призванных
обеспечить
интерактивность Web-страниц.
Задачи курсовой работы:
1. Проанализировать литературу по данной теме;
2. Описать основные конструкции языка JavaScript;
3. Разработать тесты с использованием языка JavaScript;
4. Описать принцип работы некоторых скриптов на примере
разработки
web-страницы
для
тестирования
с
использованием
тестового
задания:
«выбор
одного
правильного из нескольких вариантов ответов»
Приложение JavaScript представляет собой набор операторов
языка, последовательно обрабатываемых встроенным в браузер
интерпретатором.
Встроить сценарий JavaScript в HTML-страницу можно
несколькими способами:
1) задать операторы языка внутри тэга <SCRIPT> языка
HTML;
2) указать файл с кодом JavaScript в параметре SRC тэга
<SCRIPT>;
3) определить обработчик событий в тэге HTML;
4) использовать выражения JavaScript в качестве значений
параметров тэгов HTML.
Некоторые конструкции, рассмотренные в курсовой работе:
Условный
оператор
является
единственным
оператором,
использующим три операнда. Его значением является один из двух
операндов, определяемый из условия истинности третьего. Общий
синтаксис оператора if, позволяющего реализовать структуру условного
ветвления, следующий:
if (условие)
{код,
который
выполняется,
если
условие
выполнено}
else
{код, который выполняется, если условие не
выполнено}
(в фигурных скобках располагается блок кода – несколько выражений.
Если в блоке используется не более одного выражения, то фигурные
скобки можно не писать)
Объект radio
Установка статических кнопок (кнопок radio) в HTML форме.
Установка кнопок radio позволяет пользователю выбрать один пункт из
списка.
Синтаксис:
Для определения установки кнопок radio используется стандартный
HTML синтаксис с добавлением события onClick:
<INPUT TYPE="radio"
NAME="radioName"
VALUE="buttonValue"
[CHECKED]
[onClick="handlerText"]> textToDisplay
NAME="radioName" определяет имя объекта radio. Все кнопки radio в
группе имеют одинаковый атрибут NAME. Вы можете получить это
значение, используя свойство name.
VALUE="buttonValue" определяет значение, которое возвращается
серверу, когда radio кнопка выбирается и форма утверждается. По
умолчанию это "нет". Вы можете получить это значение, используя
свойство
value.
CHECKED определяет, что кнопка radio выбрана. Вы можете получить
это значение, используя свойство defaultChecked.
textToDisplay определяет текст, отображаемый рядом с кнопкой radio.
Использование свойств и методов объекта radio:
1.radioName[index1].propertyName
2.radioName[index1].methodName(parameters)
radioName
значение
атрибута
NAME
объекта
radio.
index1 целое число, представляющее кнопку radio в объекте radio.
formName любое значение атрибута NAME объекта form или элемента в
массиве forms.
index2 целое число, представляющее кнопку radio в форму. Массив
elements содержит записи для каждой кнопке radio в объекте radio.
Объект button
Нажимаемая кнопка в HTML форме.
Синтаксис:
Определение кнопки: <INPUT TYPE="button" NAME="buttonName"
VALUE="buttonText" [onClick="handlerText"]>
NAME="buttonName" определяет имя объекта button. Вы можете получить
это значение, используя свойство name.
VALUE="buttonText" определяет текст, отображаемый на кнопке. Вы
можете получить это значение, используя свойство value.
buttonName.propertyName
buttonName.methodName(parameters)
buttonName значение атрибута NAME объекта button.
formName значение атрибута NAME объекта form или элемента в массиве
forms.
index целое число, представляющее объект button в форме.
Объект button является элементом формы и должен быть определен внутри
тага <FORM>.
Объект button является обычной кнопкой, которую вы можете использовать
для выполнения действия, определенного вами. Кнопка выполняет скрипт,
определенный событием onClick.
Метод alert
Отображает диалоговое окно Alert с сообщением и кнопкой OK.
Синтаксис:
alert("message")
Описание:
Метод alert используется для отображения сообщения, не требующего
решения пользователя.
Аргумент message определяет сообщение, которое содержит
диалоговое окно.
Хотя alert является методом объекта window вам не нужно
определять
windowReference,
при
его
вызове.
Например,
windowReference.alert() необязательно.
Метод charAt
Возвращает символ указанный в index.
Синтаксис:
stringName.charAt(index)
stringName любая строка или свойство существующего объекта.
index любое целое число от 0 до stringName.length-1 или свойство
существующего объекта.
Метод:
string
Описание:
Символы в строке индексируются слева направо. Индексом первого
символа является 0, индексом последнего символа - stringName.length-1.
Если вы указали index превышающий количество символов в строке,
JavaScript возвратит пустую строку.