Основы Java Script - Курсовая работа

Основы JavaScript графический изображение java script 1. JavaScript Начнем изучение нового языка программирования с классической программы Hello, world!. Рассмотрим несколько вариантов такой программы, демонстрирующих различные возможности JavaScript. 1.1 Вариация первая: самая простая На первом этапе мы составим программу JavaScript, которая вставляет слова Hello, world! непосредственно в документ HTML. Программы или сценарии JavaScript встраиваются в документ HTML. Взгляните на Листинг 1.1, в которой приведен исходный текст документа с программой, составленной на JavaScript. Листинг 1.1 Hello, world! JavaScript Test Как и подобает любому документу HTML, он ограничен операторами , и состоит из двух разделов. Программа JavaScript этом примере встроена в тело документа HTML при помощи операторов и , как это показано ниже: С помощью оператора можно встроить в документ сценарий, составленный на языке JavaScript или VBScript. Это сделано для того, чтобы сценарий не вызывал проблем у пользователей, браузеры которых не могут работать с JavaScript. Обратите внимание на строку, которой завершается комментарий: // --> Перед символами --> записаны два символа /. Символы // используются в JavaScript для выделения комментариев и предписывают браузерам игнорировать символы, записанные после них (в том числе и -->). Наша первая программа весьма проста и содержит только одну строку: document.write(Hello, world!); Здесь для объекта с именем document вызывается метод write. В качестве параметра ему передается текстовая строка Hello, world!. Ссылки на файлы с подгружаемыми скриптами оформляются с помощью параметра SRC тега , допускающего указывать адрес URL файла сценария. В этой области расположено определение переменной и функции, оформленное с применением операторов и : Кроме того, в теле документа HTML есть еще один раздел сценариев, выделенный аналогичным образом: Переменная с именем szHelloMsg определяется при помощи оператора var, причем ей сразу же присваивается начальное значение - текстовая строка Hello, world!. Можно устанавливать обработчики самых разных событий, таких, как: загрузка страницы, щелчок по ссылке или кнопке формы, выбор ссылки или поля формы и др. 2. Учтите, что если в строке 1 или строке 2 необходимо расположить несколько операторов, их следует выделить фигурными скобками: if(nYourAge 99) { bAccessDenied = true; szNextPage = bye99.html; } else { bAccessDenied = false; szNextPage = welcome.html; } Здесь вначале оценивается условие (nYourAge 99) ? true : false; Если значение переменной nYourAge находится в интервале от 18 до 99, переменной bAccessDenied присваивается значение true, а если оно не попадает в этот интервал - false. Листинг 4.1 Текущая дата и время Текущая дата и время ); document.write(Time: dt.getHours() : dt.getMinutes() : dt.getSeconds()); // --> Здесь сценарий JavaScript создает объект Data, применяя для этого ключевое слово new, и конструктор Date без параметров: var dt; dt = new Date(); Создаваемый таким образом объект Data инициализируется текущей локальной датой, установленной у пользователя (а не на сервере Web, с которого был загружен соответствующий документ HTML). Определив обработчик события, можно задать сценарий JavaScript, который получит управление после того как пользователь нажмет на кнопку. 5.2.2 Свойства объекта button Объект button имеет два свойства, отражающие значения соответствующих параметров оператора : Таблица Свойство Описание name Значение параметра NAME value Значение параметра VALUE 5.2.3 Методы объекта button Для объекта button определен всего один метод, не имеющий параметров, - click: click() Вызов этого метода приводит к такому же эффекту, что и щелчок левой клавишей мыши по кнопке. 5.2.4 Пример сценария В качестве примера приведен сценарий, выполняющий обработку щелчка по кнопке с надписью Click me, расположенной в форме.