Презентация Встроенные объекты языка JavaScript онлайн
На нашем сайте вы можете скачать и просмотреть онлайн доклад-презентацию на тему Встроенные объекты языка JavaScript абсолютно бесплатно. Урок-презентация на эту тему содержит всего 33 слайда. Все материалы созданы в программе PowerPoint и имеют формат ppt или же pptx. Материалы и темы для презентаций взяты из открытых источников и загружены их авторами, за качество и достоверность информации в них администрация сайта не отвечает, все права принадлежат их создателям. Если вы нашли то, что искали, отблагодарите авторов - поделитесь ссылкой в социальных сетях, а наш сайт добавьте в закладки.
Оцените презентацию от 1 до 5 баллов!
- Тип файла:ppt / pptx (powerpoint)
- Всего слайдов:33 слайда
- Для класса:1,2,3,4,5,6,7,8,9,10,11
- Размер файла:0.98 MB
- Просмотров:80
- Скачиваний:2
- Автор:неизвестен
Слайды и текст к этой презентации:
№1 слайд
Содержание слайда: Встроенные объекты языка JavaScript
№2 слайд
Содержание слайда:
№3 слайд
Содержание слайда: Объект Date
Объект содержит информацию о дате и времени.
dateObj = new Date(parameters)
где dateObj - переменная, в которую будет записан новый объект Date.
№4 слайд
Содержание слайда: Значения аргумента:
пустой параметр, например date() в данном случае дата и время - системные.
строку, представляющую дату и время в виде: "месяц, день, год, время", например "March 1, 2013, 17:00:00" Время представлено в 24-часовом формате;
значения года, месяца, дня, часа, минут, секунд. Например, строка "2013,4,1,12,30,0" означает 1 апреля 2013 года, 12:30.
целочисленные значения только для года, месяца и дня, например "2013,5,1" означает 1 мая 2013 года, сразу после полночи, так, как значения времени равны нулю.
№5 слайд
Содержание слайда: Методы объекта Date
getDate() - Возвращает день месяца из объекта в пределах от 1 до 31
getDay() - Возвращает день недели из объекта: 0 - вс, 1 - пн, 2 - вт, 3 - ср, 4 - чт, 5 - пт, 6 - сб.
getHours() - Возвращает время из объекта в пределах от 0 до 23
getMinutes() - Возвращает значение минут из объекта в пределах от 0 до 59
getMonth() - Возвращает значение месяца из объекта в пределах от 0 до 11
getSeconds() - Возвращает значение секунд из объекта в пределах от 0 до 59
getYear() - Возвращает значение года из объекта
№6 слайд
Содержание слайда: setDate(day) - устанавливается день месяца в объекте от 1 до 31
setHours(hours) - устанавливается часы в объекте от 0 до 23
setMinutes(minutes) - метода устанавливаются минуты в объекте от 0 до 59
setMonth(month) - устанавливается месяц в объекте от 1 до 12
setSeconds(seconds) - устанавливаются секунды в объекте от 0 до 59
setYear(year) - устанавливается год в объекте year должно быть больше 1900.
№7 слайд
Содержание слайда: Пример
<script language "JavaScript">
function showh() {
var theDate = new Date();
document.writeln("<table cellpadding=5 width=100% border=0>" +
"<tr><td width=95% bgcolor=gray align=left>" +
"<font color=white>Date: " + theDate +
"</font></td></tr></table><p>");
}
showh();
</script>
№8 слайд
Содержание слайда: Объект Math
Содержит свойства и методы, используемые для выполнения математических операций. Объект Math включает также некоторые широко применяемые математические константы.
№9 слайд
Содержание слайда: Свойства
Свойствами объекта Math являются константы:
№10 слайд
Содержание слайда: Методы
Методы объекта Math представляют собой математические функции.
№11 слайд
Содержание слайда: abs() Возвращает абсолютное значение аргумента.
acos() Возвращает арккосинус аргумента
asin() Возвращает арксинус аргумента
atan() Возвращает арктангенс аргумента
ceil() Возвращает большее целое число аргумента, округление в большую сторону. Math.ceil(3.14) вернет 4
cos() Возвращает косинус аргумента
exp() Возвращает экспоненту аргумента
floor() Возвращает наибольшее целое число аргумента, отбрасывает десятичную часть
№12 слайд
Содержание слайда: log() Возвращает натуральный логарифм аргумента
max() Возвращает больший из 2-х числовых аргументов. Math.max(3,5) вернет число 5
min() Возвращает меньший из 2-х числовых аргументов.
pow() Возвращает результат возведения в степень первого аргумента вторым. Math.pow(5,3) вернет 125
round() Округление аргумента до ближайшего целого числа.
№13 слайд
Содержание слайда: sin() Возвращает синус аргумента
sqrt() Возвращает квадратный корень аргумента
tan() Возвращает тангенс аргумента
№14 слайд
Содержание слайда: Строковые объекты. Объект String
Строки можно создавать тремя способами:
1. Создать строковую переменную при помощи оператора var и присвоить ей строковое значение;
2. Присвоить значение строковой переменной только посредством оператора присваивания (=);
3. Использовать конструктор String().
№15 слайд
Содержание слайда: var str=“GJRC”;
st=“ПОКС”;
str1=new String(“Привет”);
№16 слайд
Содержание слайда: Свойства
Значением свойства length является длина строки. Например, выражение "Script".length вернет значение 6, поскольку строка "Script" содержит 6 символов.
№17 слайд
Содержание слайда: Методы
ig() - Аналогично тегам HTML <big> . . .</big>. позволяет отобразить более крупным шрифтом.
bold() - делает символы жирными.
charAt(arg) - Возвращает символ, находящийся в заданной позиции строки.
Пример:
vpos="Sc<FONT COLOR="#FF0000">ript".charAt(3); переменной vpos будет присвоено значение "r".
fontcolor(arg) - Аналогично <font color="#rrggbb"> . . .</font>.
fontsize(arg) - Позволяет изменять размер шрифта.
№18 слайд
Содержание слайда: indexOf(arg1[,arg2]) - Возвращает позицию в строке, где впервые встречается символ - arg1, неябязательный числовой аргумент arg2 указывает начальную позицию для поиска.
italics() - Аналогично тегам HTML <i> . . .</i>. позволяет отобразить италиком.
lastlndexOf(arg1[,arg2]) - Возвращает либо номер позиции в строке, где в последний раз встретился символ - arg1, либо -1, если символ не найден. Arg2 задает начальную позицию для поиска.
link() - Аналогично тегам HTML <a href> . . .</a>.
№19 слайд
Содержание слайда: small() - Аналогично тегам HTML <small> . . .</small>. позволяет отображать строку мелким шрифтом.
sub() - Аналогично тегам HTML <sub> . . .</sub>. позволяет отображать строку нижним индексом.
substring(arg1,arg2) - Позволяет извлечь подстроку длинной arg2, начиная с позиции arg1
sup() - Аналогично тегам HTML <sup> . . .</sup>. позволяет отображать строку верхним индексом.
toLowerCase() - Преобразует символы строкового объекта в строчные
toUpperCase() - Преобразует символы строкового объекта в прописные
№20 слайд
Содержание слайда: Объект Array
Массив – это тип данных, хранящий пронумерованные значения. Каждое пронумерованное значение называется элементом массива, а число, с которым связывается элемент, называется его индексом. Массивы JavaScript нетипизированы, это значит, что элемент массива может иметь любой тип, причем разные элементы одного массива могут иметь разные типы. Помимо этого массивы JavaScript являются динамическими, это значит, что объявлять фиксированный размер не нужно и можно добавить новые элементы в любое время.
№21 слайд
Содержание слайда: Создание массива
Массив можно создать двумя способами:
1. создать массив с помощью литерала массива - квадратные скобки, внутри которых расположен список элементов, разделенных запятыми.
Пример
var empty = []; //пустой массив
var numbers = [4, 1, 2, 5]; //массив с 4 числовыми элементами
var diff = [1.5, false, "текст"]; //массив с 3 элементами различного типа
№22 слайд
Содержание слайда: Значения не обязательно должны быть простыми (числа или строки) - это также могут быть и любые другие выражения, например: литералы объектов, другие массивы или функции.
Пример
var num = 700;
var tab = [function(a) { alert(a) }, { name: 'Петя' }, [1, 2, 3], num + 1];
№23 слайд
Содержание слайда: 2. Вызов конструктора Array().
Вызвать конструктор Array() можно тремя способами:
Вызов конструктора без аргументов:
var b = new Array();
В этом случае создается пустой массив, эквивалентный пустому литералу [].
№24 слайд
Содержание слайда: В конструкторе явно указываются значения n элементов массива:
var b = new Array(1, 3, 5, 8, "строка", true);
В этом случае конструктор получает список аргументов, которые становятся элементами нового массива. Аргументы записываются в массив в том порядке, в котором указаны.
№25 слайд
Содержание слайда: Выделение места для последующего присваивания значений.
Это делается путем указания при определении массива одного числа в круглых скобках:
var b = new Array(5);
Этот способ определения массива предполагает выделение массиву определенного количества элементов (каждый из которых имеет значение undefined) с возможностью последующего присваивания значений по ходу сценария.
№26 слайд
Содержание слайда: Чтение, запись и добавление элементов массива
Доступ к элементам массива осуществляется с помощью оператора []. Элементы массива в JavaScript нумеруются, начиная с нуля. Чтобы получить нужный элемент массива, надо указать его номер в квадратных скобках.
№27 слайд
Содержание слайда: Пример
var numbers = [4, 1, 2, 5];
document.write(numbers[0] + ", "); //первый элемент массива
document.write(numbers[1] + ", "); //второй элемент массива
document.write(numbers[2] + ", "); //третий элемент массива
document.write(numbers[3]); //четвертый элемент массива
№28 слайд
Содержание слайда: Элементы массива можно изменять
var numbers = [4, 1, 2, 5];
numbers[0] = 10; //изменили первый элемент массива - [10, 1, 2, 5]
№29 слайд
Содержание слайда: Чтобы добавить новый элемент массива, достаточно присвоить новое значение:
var numbers = [4, 1];
numbers[2] = 7; //стало [4, 1, 7]
Примечание: в массивах JavaScript может храниться любое число элементов любого типа.
№30 слайд
Содержание слайда: Длина массива
Все массивы, как созданные с помощью конструктора Array(), так и определенные с помощью литерала массива, имеют специальное свойство length, которое возвращает общее число элементов, хранимых в массиве.
var v = new Array(); // v.length == 0 (ни один элемент не определен)
v = new Array(1,2,3); // v.length == 3 (определены элементы 0–2)
v = [4, 5]; // v.length == 2 (определены элементы 0 и 1)
document.write(v.length);
№31 слайд
Содержание слайда: Методы Array
1. concat(мaccив) - конкатенация массивов, объединяет два массива в третий массив.
Синтаксис: имя_массива1.соnсаt(массив2)
2. join(разделитель) - создает строку из элементов массива с указанным разделителем между ними; является строкой символов (возможно, пустой).
Синтаксис: имя_массива.join(строка)
3. pop() - удаляет последний элемент массива и возвращает его значение.
Синтаксис: имя_массива.рор()
Возвращает значение удаленного элемента массива. Данный метод изменяет исходный массив.
№32 слайд
Содержание слайда: 4. push(значение|объект) - добавляет к массиву указанное значение в качестве последнего элемента и возвращает новую длину массива.
Синтаксис: имя_массива1.рush(значение|объект)
Данный метод изменяет исходный массив.
5. shift() - удаляет первый элемент массива и возвращает его значение.
Синтаксис: имя_массива.shift ()
Возвращает значение удаленного элемента массива. Данный метод изменяет исходный массив.
№33 слайд
Содержание слайда: 6. unshift (значение|объект) - добавляет к массиву указанное значение в качестве первого элемента.
Синтаксис: имя_массива. unshift(значение|объект)
Возвращает: ничего. Данный метод изменяет исходный массив.
7. reverse () - изменяет порядок следования элементов массива на противоположный.
Синтаксис: имя_массива.reverse()
Возвращает массив. Данный метод изменяет исходный массив.
Скачать все slide презентации Встроенные объекты языка JavaScript одним архивом:
