Лабораторная работа 3 тема Встроенные объекты
 Скачать 471 Kb.
|
|
JavaScript ЛАБОРАТОРНАЯ РАБОТА № 3ТЕМА: Встроенные объектыОсновной единицей в языке JavaScript является объект, который объединяет в себе данные (свойства) и средства обработки этих данных (методы). Все объекты, которые используются в языке JavaScript, делятся на такие большие группы: Встроенные объекты базового языка Объекты документа. Объект Math В языке JavaScript существует специальный объект «Math», в котором собраны основные математические функции и константы. Все свойства и методы объекта являются статическими, поэтому сам объект создавать не нужно. В таблицах ниже приведён список некоторых из его методов.
Чтобы задействовать метод (обычно это называют вызовом метода), в операторе JavaScript нужно сделать на него ссылку. Для этого используется синтаксис с использованием точки. Очень часто используется также свойство этого объекта, которое имеет значение числа пи, Math.PI Пример В данном скрипте к объекту Math применили метод floor. В качестве параметра метода использовали значение переменной d1. Для этого использовали конструкцию Math.floor(d1). Этот метод отбрасывает дробную часть у аргумента. Это значение присваивается переменной d2 и выводится в окно с помощью метода alert(d2). <  script> d1=45.6; d2=Math.floor(d1); alert(d2); Объект Date Объект Date предназначен для манипуляций с датами и временем. Его примитивным значением является число, равное количеству миллисекунд относительно базового времени, равного полуночи 1 января 1970 г. День состоит из 86400000 миллисекунд. Объект и экземпляр объектаОбъект -- это шаблон. Экземпляр объекта -- это рабочая копия. Например, объектом является комплект документации на заводе, по которой изготовляются телевизоры. Сам телевизор является экземпляром этого объекта. Все телевизоры, которые сходят с конвейера, имеют одни и те же свойства изображения и одни и те же методы управления этими свойствами. Создание экземпляра объекта DateДля создания экземпляра объекта используется ключевое слово new. Создание экземпляраобъекта с текущей датой и временем: new Date() var a = new Date(); В переменной «а» текущая дата и время. Создание экземпляра объекта с датой и временем, заданными аргументами конструктора: new Date(год,месяц, день [,часы [,минуты [,секунды [,мс]?]?]?]?) Здесь: год — числовое выражение, задающее полный номер года (например, 1988, а не 88); месяц — числовое выражение, задающее номер месяца (0 = январь, 1 = февраль, …, 11 = декабрь); день — числовое выражение, задающее номер дня в месяце от 1 до 31; часы — необязательное числовое выражение, задающее номер часа от 0 до 23; минуты — необязательное числовое выражение, задающее номер минуты от 0 до 59; секунды — необязательное числовое выражение, задающее номер секунды от 0 до 59; мс — необязательное числовое выражение, задающее номер миллисекунды от 0 до 999. Например, var c = new Date(1958, 4, 21, 10, 15); В переменной «c» дата – 21 мая 1958 года и время 10 часов 15 мин. Нумерация месяцев начинается с 0. Методы объекта DateМетод это действие которое выполняется для объекта или с объектом. По своей сути это команда, но ее действия связаны с определенным объектом. У каждого объекта может быть много методов.
Получение компонентов датыДля доступа к компонентам даты-времени объекта Date используются следующие методы: getFullYear() Получить год (из 4 цифр) getMonth() Получить месяц, от 0 до 11. getDate() Получить число месяца, от 1 до 31. getHours(), getMinutes(), getSeconds(), getMilliseconds() Получить соответствующие компоненты. Не getYear(), а getFullYear() Некоторые браузеры реализуют нестандартный метод getYear(). Где-то он возвращает только две цифры из года, где-то четыре. Так или иначе, этот метод отсутствует в стандарте JavaScript. Не используйте его. Для получения года есть getFullYear(). Дополнительно можно получить день недели: getDay() Получить номер дня в неделе. Неделя в JavaScript начинается с воскресенья, так что результат будет числом от 0(воскресенье) до 6(суббота). Пример 1 Выведем в окно номер текущего года. <body> <script> var today= new Date(); var god=today.getFullYear(); alert(god); script> body>  В данном скрипте создается экземпляр объекта Date. Он имеет имя today и содержит текущую дату. Для применения метода getFullYear() к объекту today используется конструкция today.getFullYear(). Она возвращает значение года из этой даты. Это значение присваивается переменной god и выводится в окно с помощью метода alert(god). Пример 2 Выведем в окно номер дня недели для даты 21 мая 1958 года. <  body>Площадь кругаРадиус: <hr> form> body> html> По нажатию кнопки "Площадь" начинает работать функция sqr(). Она обращается к элементу с именем t и присваивает значение свойства value этого элемента переменной r. Используя это значение в качестве радиуса, и обращаясь к свойству PI объекта Math, вычисляем площадь круга и выводим ее в окно с помощью метода alert. Задание: Изучить теоретический материал, проделать практические задания, разобраться в коде программы, выполнить задание 1 самостоятельно. Задания 2 и 3 – не являются обязательными, это задания на 10 баллов Создать HTML-страницу, которая при загрузке выводит на страницу текущий день недели, число, месяц и год. Для месяцев и дней недели организовать массивы.  Создать HTML-страницу, которая при загрузке запрашивает дату вашего рождения и выводит количество дней, которые Вы прожили в текстовое поле формы, например     Ввести координаты точки в поля формы и определить расстояние от этой точки до начала координат. Расстояние должно вычисляться по нажатию кнопки.   |