Встроенные объекты JavaScript

Встроенные объекты
Встроенные объекты обеспечиваются интерпретатором языка JavaScript, входящим в состав браузера
28 слайдов

Встроенные объекты
Объект Array
предназначен для работы с массивами
Объект Date
предназначен для работы с датой и временем
Объект String
предназначен для работы со строками
Объект Math
предназначен для выполнения математических функций
…
28 слайдов

Объект Array
Создание и заполнение массива
numbers = new Array ()
numbers [0] = 0
numbers [1] = 1
times = new Array ("Утро","День","Вечер")
28 слайдов

Объект Array
Методы
join() – объединение элементов массива в строку
alert(times.join(" "))
28 слайдов

Объект Array
Методы
reverse() – изменение порядка элементов в массиве
alert(times.reverse())
28 слайдов

Объект Array
Методы
sort() – сортировка элементов в массиве
alert(times.sort())
28 слайдов

Объект Date
Дата представляет число миллисекунд, прошедших с 1 января 1970 года
1 сутки = 86 400 000 миллисекунд
У объекта Date свойств нет
28 слайдов

Объект Date
Создание
today= new Date()
today= new Date("Jan 1 2011 00:00:01")
today= new Date(2011, 11, 31)
today= new Date(2011, 12, 31, 0, 0, 59)
28 слайдов
UTC – Coordinated
Universal Time
(GMT – Greenwich
Mean Time)

Объект Date
Методы установки даты и времени
setDay() день недели (0..6) вск..суб
setDate() день (1..31)
setMonth() месяц (0..11)
setYear() год
setHours() часы (0..23)
setMinutes() минуты (0..59)
setSeconds() секунды (0..59)
setTime() время в миллисекундах
28 слайдов

Объект Date
Методы получения даты и времени
getDay() день недели
getDate() день
getMonth() месяц
getYear() год
getHours() часы
getMinutes() минуты
getSeconds() секунды
getTime() время в миллисекундах
28 слайдов

Объект Date
Методы
today=new Date()
alert ("Day="+today.getDay())
alert ("Time="+ today.getTime())
28 слайдов

Объект Date
Методы преобразования даты и времени
toGMTString()
toLocaleSrting()
28 слайдов

Объект Date
today= new Date()
alert("toGMT="+today.toGMTString())
28 слайдов

Объект Date
today= new Date()
alert("toLocale="+today.toLocaleString())
28 слайдов

Текущая дата
Months=new Array("января","февраля",…,"декабря")
today=new Date()
document.write("
")
document.write("Сегодня "+
today.getDate()+
" "+Months[today.getMonth()]+
" "+today.getYear()+" года")
28 слайдов

Текущая дата
28 слайдов

Календарь на текущий месяц
<br>months=new Array('Январь',Февраль',…,'Декабрь')
days=new Array(31,28,31,30,31,30,31,31,30,31,30,31)
dayName=new Array('Пн','Вт','Ср','Чт','Пт','Сб','Вс')
<br>function showCalendar(Month,Year)
{
if (((Year%4==0)&&(Year%100!=0))||(Year%400==0))
days[1]=29
//начало</div></h3></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Календарь на текущий месяц months=new Array(&#39;Январь&#39;,Февраль&#39;,…,&#39;Декабрь&#39;) days=new Array(31,28,31,30,31,30,31,31,30,31,30,31) dayName=new Array(&#39;Пн&#39;,&#39;Вт&#39;,&#39;Ср&#39;,&#39;Чт&#39;,&#39;Пт&#39;,&#39;Сб&#39;,&#39;Вс&#39;) function showCalendar(Month,Year)" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/887926/slide-17.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/887926/slide-17.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/887926/slide-17.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/887926/slide-17.jpg 1440w" class="slides-image" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/887926/slide-17.jpg"><!----><div class="slides-content">таблицы
document.write('<table cellspacing=2 cellpadding=2
border=1>')
document.write('<th align=center colspan=7>'+
months[Month]+' '+Year+'</th>')<br><p>28 слайдов<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide19" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/887926/slide-18.jpg" target="_blank" rel="noopener">Слайд 19</a><h3 class="slides-content text-center font-bold"><div><p>Календарь на текущий месяц<br><p>//номер дня недели для первого и последнего дней месяца
today=new</div></h3></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Календарь на текущий месяц //номер дня недели для первого и последнего дней" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/887926/slide-18.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/887926/slide-18.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/887926/slide-18.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/887926/slide-18.jpg 1440w" class="slides-image" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/887926/slide-18.jpg"><!----><div class="slides-content">Date()
firstDay=new Date(Year,Month,1)
lastDay=new Date(Year,Month,days[Month])
startDay=firstDay.getDay()
stopDay=lastDay.getDay()
if (startDay==0) startDay=7<br>//названия дней недели
document.write('<tr align=center>')
for(i=0;i<7;i++)
document.write('<td>'+dayName[i]+'</td>')
document.write('</tr>')<br><p>28 слайдов<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide20" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/887926/slide-19.jpg" target="_blank" rel="noopener">Слайд 20</a><h3 class="slides-content text-center font-bold"><div><p>Календарь на текущий месяц<br><p>//пустые ячейки в начале календаря
document.write('<tr>')
column=0
for(i=0;i<startDay-1;i++)
{
document.write('<td>&nbsp</td>')
column++
}<br><p>28 слайдов<br></div></h3></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Календарь на текущий месяц //пустые ячейки в начале календаря document.write(&#39; &#39;) column=0" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/887926/slide-19.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/887926/slide-19.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/887926/slide-19.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/887926/slide-19.jpg 1440w" class="slides-image" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/887926/slide-19.jpg"><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide21" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/887926/slide-20.jpg" target="_blank" rel="noopener">Слайд 21</a><h3 class="slides-content text-center font-bold"><div><p>Календарь на текущий месяц<br><p>//числа
for(i=1;i<=days[Month];i++)
{
if(today.getDate()==i)
document.write('<td bgcolor=silver>',i,'</td>')
else
document.write('<td>',i,'</td>')
column++
if(column==7)
{
</div></h3></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Календарь на текущий месяц //числа for(i=1;i &#39;,i,&#39; &#39;) else document.write(&#39; &#39;,i,&#39; &#39;)" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/887926/slide-20.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/887926/slide-20.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/887926/slide-20.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/887926/slide-20.jpg 1440w" class="slides-image" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/887926/slide-20.jpg"><!----><div class="slides-content">document.write('</tr><tr>')
column=0
}
}<br><p>28 слайдов<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide22" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/887926/slide-21.jpg" target="_blank" rel="noopener">Слайд 22</a><h3 class="slides-content text-center font-bold"><div><p>Календарь на текущий месяц<br><p>//пустые ячейки в конце календаря
if(stopDay>0)
for(i=0;i<(7-stopDay);i++)
document.write('<td bgcolor=whitesmoke>&nbsp</td>')
document.write('</tr></table>')
}<br>day=new Date();
showCalendar(day.getMonth(),day.getYear())<br>
28 слайдов

Календарь на текущий месяц
28 слайдов

До Нового года осталось…
today=new Date()
lastday=new Date()
lastday.setYear(today.getYear())
lastday.setMonth(11)
lastday.setDate(31)
msperday=24*60*60*1000
leftdays=Math.round((lastday.getTime()-today.getTime())/msperday)
document.write('До Нового года осталось '+leftDays+' дней!')
28 слайдов

До Нового года осталось…
28 слайдов

Объект String
Свойство
length
Методы
charAt() – возвращает символ, находящийся в указанной позиции
indexOf() – возвращает позицию подстроки в строке,
-1, если подстрока не найдена
…
28 слайдов

Объект String
email=new String('
[email protected]
')
email.charAt(4)
alert(email.indexOf('@',5))
alert(email.indexOf('@'))
28 слайдов