🗊Презентация Встроенные объекты языка JavaScript

Категория: Устройства и комплектующие
Нажмите для полного просмотра!
Встроенные объекты языка JavaScript, слайд №1Встроенные объекты языка JavaScript, слайд №2Встроенные объекты языка JavaScript, слайд №3Встроенные объекты языка JavaScript, слайд №4Встроенные объекты языка JavaScript, слайд №5Встроенные объекты языка JavaScript, слайд №6Встроенные объекты языка JavaScript, слайд №7Встроенные объекты языка JavaScript, слайд №8Встроенные объекты языка JavaScript, слайд №9Встроенные объекты языка JavaScript, слайд №10Встроенные объекты языка JavaScript, слайд №11Встроенные объекты языка JavaScript, слайд №12Встроенные объекты языка JavaScript, слайд №13Встроенные объекты языка JavaScript, слайд №14Встроенные объекты языка JavaScript, слайд №15Встроенные объекты языка JavaScript, слайд №16Встроенные объекты языка JavaScript, слайд №17Встроенные объекты языка JavaScript, слайд №18Встроенные объекты языка JavaScript, слайд №19Встроенные объекты языка JavaScript, слайд №20Встроенные объекты языка JavaScript, слайд №21Встроенные объекты языка JavaScript, слайд №22Встроенные объекты языка JavaScript, слайд №23Встроенные объекты языка JavaScript, слайд №24Встроенные объекты языка JavaScript, слайд №25Встроенные объекты языка JavaScript, слайд №26Встроенные объекты языка JavaScript, слайд №27Встроенные объекты языка JavaScript, слайд №28Встроенные объекты языка JavaScript, слайд №29Встроенные объекты языка JavaScript, слайд №30Встроенные объекты языка JavaScript, слайд №31Встроенные объекты языка JavaScript, слайд №32Встроенные объекты языка JavaScript, слайд №33
Скачать

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Встроенные объекты языка JavaScript. Доклад-сообщение содержит 33 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1


Встроенные объекты языка JavaScript
Описание слайда:
Встроенные объекты языка JavaScript

Слайд 2


Встроенные объекты языка JavaScript, слайд №2
Описание слайда:

Слайд 3


Объект Date Объект содержит информацию о дате и времени. dateObj = new Date(parameters) где dateObj - переменная, в которую будет записан новый объект Date.
Описание слайда:
Объект 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 года, сразу после полночи, так, как значения времени равны нулю.
Описание слайда:
Значения аргумента: пустой параметр, например 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() - Возвращает значение года из объекта
Описание слайда:
Методы объекта 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.
Описание слайда:
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>
Описание слайда:
Пример <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 включает также некоторые широко применяемые математические константы.
Описание слайда:
Объект Math Содержит свойства и методы, используемые для выполнения математических операций. Объект Math включает также некоторые широко применяемые математические константы.

Слайд 9


Свойства Свойствами объекта Math являются константы:
Описание слайда:
Свойства Свойствами объекта Math являются константы:

Слайд 10


Методы Методы объекта Math представляют собой математические функции.
Описание слайда:
Методы Методы объекта Math представляют собой математические функции.

Слайд 11


abs() Возвращает абсолютное значение аргумента. acos() Возвращает арккосинус аргумента asin() Возвращает арксинус аргумента atan() Возвращает арктангенс аргумента ceil() Возвращает большее целое число аргумента, округление в большую сторону. Math.ceil(3.14) вернет 4 cos() Возвращает косинус аргумента exp() Возвращает экспоненту аргумента floor() Возвращает наибольшее целое число аргумента, отбрасывает десятичную часть
Описание слайда:
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() Округление аргумента до ближайшего целого числа.
Описание слайда:
log() Возвращает натуральный логарифм аргумента max() Возвращает больший из 2-х числовых аргументов. Math.max(3,5) вернет число 5 min() Возвращает меньший из 2-х числовых аргументов. pow() Возвращает результат возведения в степень первого аргумента вторым. Math.pow(5,3) вернет 125 round() Округление аргумента до ближайшего целого числа.

Слайд 13


sin() Возвращает синус аргумента sqrt() Возвращает квадратный корень аргумента tan() Возвращает тангенс аргумента
Описание слайда:
sin() Возвращает синус аргумента sqrt() Возвращает квадратный корень аргумента tan() Возвращает тангенс аргумента

Слайд 14


Строковые объекты. Объект String Строки можно создавать тремя способами: 1. Создать строковую переменную при помощи оператора var и присвоить ей строковое значение; 2. Присвоить значение строковой переменной только посредством оператора присваивания (=); 3. Использовать конструктор String().
Описание слайда:
Строковые объекты. Объект String Строки можно создавать тремя способами: 1. Создать строковую переменную при помощи оператора var и присвоить ей строковое значение; 2. Присвоить значение строковой переменной только посредством оператора присваивания (=); 3. Использовать конструктор String().

Слайд 15


var str=“GJRC”; st=“ПОКС”; str1=new String(“Привет”);
Описание слайда:
var str=“GJRC”; st=“ПОКС”; str1=new String(“Привет”);

Слайд 16


Свойства Значением свойства length является длина строки. Например, выражение "Script".length вернет значение 6, поскольку строка "Script" содержит 6 символов.
Описание слайда:
Свойства Значением свойства 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) - Позволяет изменять размер шрифта.
Описание слайда:
Методы 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>.
Описание слайда:
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() - Преобразует символы строкового объекта в прописные
Описание слайда:
small() - Аналогично тегам HTML <small> . . .</small>. позволяет отображать строку мелким шрифтом. sub() - Аналогично тегам HTML <sub> . . .</sub>. позволяет отображать строку нижним индексом. substring(arg1,arg2) - Позволяет извлечь подстроку длинной arg2, начиная с позиции arg1 sup() - Аналогично тегам HTML <sup> . . .</sup>. позволяет отображать строку верхним индексом. toLowerCase() - Преобразует символы строкового объекта в строчные toUpperCase() - Преобразует символы строкового объекта в прописные

Слайд 20


Объект Array Массив – это тип данных, хранящий пронумерованные значения. Каждое пронумерованное значение называется элементом массива, а число, с которым связывается элемент, называется его индексом. Массивы JavaScript нетипизированы, это значит, что элемент массива может иметь любой тип, причем разные элементы одного массива могут иметь разные типы. Помимо этого массивы JavaScript являются динамическими, это значит, что объявлять фиксированный размер не нужно и можно добавить новые элементы в любое время.
Описание слайда:
Объект Array Массив – это тип данных, хранящий пронумерованные значения. Каждое пронумерованное значение называется элементом массива, а число, с которым связывается элемент, называется его индексом. Массивы JavaScript нетипизированы, это значит, что элемент массива может иметь любой тип, причем разные элементы одного массива могут иметь разные типы. Помимо этого массивы JavaScript являются динамическими, это значит, что объявлять фиксированный размер не нужно и можно добавить новые элементы в любое время.

Слайд 21


Создание массива Массив можно создать двумя способами: 1. создать массив с помощью литерала массива - квадратные скобки, внутри которых расположен список элементов, разделенных запятыми. Пример var empty = []; //пустой массив var numbers = [4, 1, 2, 5]; //массив с 4 числовыми элементами var diff = [1.5, false, "текст"]; //массив с 3 элементами различного типа
Описание слайда:
Создание массива Массив можно создать двумя способами: 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];
Описание слайда:
Значения не обязательно должны быть простыми (числа или строки) - это также могут быть и любые другие выражения, например: литералы объектов, другие массивы или функции. Пример var num = 700; var tab = [function(a) { alert(a) }, { name: 'Петя' }, [1, 2, 3], num + 1];

Слайд 23


2. Вызов конструктора Array(). Вызвать конструктор Array() можно тремя способами: Вызов конструктора без аргументов: var b = new Array(); В этом случае создается пустой массив, эквивалентный пустому литералу [].
Описание слайда:
2. Вызов конструктора Array(). Вызвать конструктор Array() можно тремя способами: Вызов конструктора без аргументов: var b = new Array(); В этом случае создается пустой массив, эквивалентный пустому литералу [].

Слайд 24


В конструкторе явно указываются значения n элементов массива: var b = new Array(1, 3, 5, 8, "строка", true); В этом случае конструктор получает список аргументов, которые становятся элементами нового массива. Аргументы записываются в массив в том порядке, в котором указаны.
Описание слайда:
В конструкторе явно указываются значения n элементов массива: var b = new Array(1, 3, 5, 8, "строка", true); В этом случае конструктор получает список аргументов, которые становятся элементами нового массива. Аргументы записываются в массив в том порядке, в котором указаны.

Слайд 25


Выделение места для последующего присваивания значений. Это делается путем указания при определении массива одного числа в круглых скобках: var b = new Array(5); Этот способ определения массива предполагает выделение массиву определенного количества элементов (каждый из которых имеет значение undefined) с возможностью последующего присваивания значений по ходу сценария.
Описание слайда:
Выделение места для последующего присваивания значений. Это делается путем указания при определении массива одного числа в круглых скобках: var b = new Array(5); Этот способ определения массива предполагает выделение массиву определенного количества элементов (каждый из которых имеет значение undefined) с возможностью последующего присваивания значений по ходу сценария.

Слайд 26


Чтение, запись и добавление элементов массива Доступ к элементам массива осуществляется с помощью оператора []. Элементы массива в JavaScript нумеруются, начиная с нуля. Чтобы получить нужный элемент массива, надо указать его номер в квадратных скобках.
Описание слайда:
Чтение, запись и добавление элементов массива Доступ к элементам массива осуществляется с помощью оператора []. Элементы массива в JavaScript нумеруются, начиная с нуля. Чтобы получить нужный элемент массива, надо указать его номер в квадратных скобках.

Слайд 27


Пример var numbers = [4, 1, 2, 5]; document.write(numbers[0] + ", "); //первый элемент массива document.write(numbers[1] + ", "); //второй элемент массива document.write(numbers[2] + ", "); //третий элемент массива document.write(numbers[3]); //четвертый элемент массива
Описание слайда:
Пример 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]
Описание слайда:
Элементы массива можно изменять 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 может храниться любое число элементов любого типа.
Описание слайда:
Чтобы добавить новый элемент массива, достаточно присвоить новое значение: 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);
Описание слайда:
Длина массива Все массивы, как созданные с помощью конструктора 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() - удаляет последний элемент массива и возвращает его значение. Синтаксис: имя_массива.рор() Возвращает значение удаленного элемента массива. Данный метод изменяет исходный массив.
Описание слайда:
Методы Array 1. concat(мaccив) - конкатенация массивов, объединяет два массива в третий мас­сив. Синтаксис: имя_массива1.соnсаt(массив2) 2. join(разделитель) - создает строку из элементов массива с указанным раздели­телем между ними; является строкой символов (возможно, пустой). Синтаксис: имя_массива.join(строка) 3. pop() - удаляет последний элемент массива и возвращает его значение. Синтаксис: имя_массива.рор() Возвращает значение удаленного элемента массива. Данный метод изменяет исходный массив.

Слайд 32


4. push(значение|объект) - добавляет к массиву указанное значение в качестве последнего элемента и возвращает новую длину массива. Синтаксис: имя_массива1.рush(значение|объект) Данный метод изменяет исходный массив. 5. shift() - удаляет первый элемент массива и возвращает его значение. Синтаксис: имя_массива.shift () Возвращает значение удаленного элемента массива. Данный метод изменяет исходный массив.
Описание слайда:
4. push(значение|объект) - добавляет к массиву указанное значение в качестве последнего элемента и возвращает новую длину массива. Синтаксис: имя_массива1.рush(значение|объект) Данный метод изменяет исходный массив. 5. shift() - удаляет первый элемент массива и возвращает его значение. Синтаксис: имя_массива.shift () Возвращает значение удаленного элемента массива. Данный метод изменяет исходный массив.

Слайд 33


6. unshift (значение|объект) - добавляет к массиву указанное значение в качестве первого элемента. Синтаксис: имя_массива. unshift(значение|объект) Возвращает: ничего. Данный метод изменяет исходный массив. 7. reverse () - изменяет порядок следования элементов массива на противополож­ный. Синтаксис: имя_массива.reverse() Возвращает массив. Данный метод изменяет исходный массив.
Описание слайда:
6. unshift (значение|объект) - добавляет к массиву указанное значение в качестве первого элемента. Синтаксис: имя_массива. unshift(значение|объект) Возвращает: ничего. Данный метод изменяет исходный массив. 7. reverse () - изменяет порядок следования элементов массива на противополож­ный. Синтаксис: имя_массива.reverse() Возвращает массив. Данный метод изменяет исходный массив.

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию