Слайд 13Свойства и методы объекта document
Свойства объекта document
bgColor - цвет фона
документа, соответствует
fgColor - цвет текста документа, соответствует
text="color">
title - название документа, определенное в теге <br>body - ссылка на элементы, включенные в тег <body><br>lastModified - дата последнего изменения документа<br>Методы объекта document<br>write(text) - вывод текста в окно браузера без перевода строки<br>close( ) - закрытие документа<br> Пример:<br>document.write(document.title);<br> </div>
<div class="image">
<a href="/img/thumbs/f47612d5ef64ace21032c318ec2d7537-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Свойства и методы объекта documentСвойства объекта documentbgColor - цвет фона документа, соответствует fgColor - цвет текста документа, соответствует title - название документа, определенное в теге body - ссылка на элементы, включенные в тег lastModified - дата последнего изменения документаМетоды объекта documentwrite(text) - вывод текста в окно браузера без перевода строкиclose( ) - закрытие документа Пример:document.write(document.title);"><img src="/img/thumbs/f47612d5ef64ace21032c318ec2d7537-800x.jpg" title="Спецглавы_6.ppt Свойства и методы объекта documentСвойства объекта documentbgColor - цвет фона документа," alt="Свойства и методы объекта documentСвойства объекта documentbgColor - цвет фона документа, соответствует fgColor - цвет текста документа,"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide14">
<h2><a href="/img/thumbs/da9c655ce6e2bad41eacd3ed93f31898-800x.jpg" target="_blank">Слайд 14</a>Размещение кода JavaScript на HTML-странице<br>В элементе (помещается в элемент</h2>
<div class="text">
<h3>):<br> <br> </h3>
document.write("Привет!");<br> window.alert("Большой привет!");<br> </SCRIPT> <br>В любом элементе HTML в атрибутах, отвечающих событиям (обработчики события):<br> <FORM><INPUT type="button" value="Кнопка" <br> onClick="alert('Вы нажали кнопку');"></FORM> <br>В отдельном файле *.js, который подключается через элемент <SCRIPT>:<br> <SCRIPT SRC="myscript.js"></SCRIPT> <br> </div>
<div class="image">
<a href="/img/thumbs/da9c655ce6e2bad41eacd3ed93f31898-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Размещение кода JavaScript на HTML-страницеВ элементе (помещается в элемент ): document.write("Привет!"); window.alert("Большой привет!"); В любом элементе HTML в атрибутах, отвечающих событиям (обработчики события): В отдельном файле *.js, который подключается через элемент : "><img src="/img/thumbs/da9c655ce6e2bad41eacd3ed93f31898-800x.jpg" title="Спецглавы_6.ppt Размещение кода JavaScript на HTML-страницеВ элементе (помещается в элемент ):" alt="Размещение кода JavaScript на HTML-страницеВ элементе (помещается в элемент ):"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide15">
<h2><a href="/img/thumbs/e6d6912f345a80280261813657873be4-800x.jpg" target="_blank">Слайд 15</a>События и реакции на них<br>События:<br>события от мыши (click, dblclick, mousedown,…);<br>события</h2>
<div class="text">
<h3>от клавиатуры (keypress, keydown,…);<br>события от элементов ввода (focus, submit, select,…);<br>события</h3>
страницы (load, unload, error,…);<br>Пример:<br><p>В семестре <br> <span style="color: blue; text-decoration: underline;"<br> onClick="alert('Сейчас идет 13 неделя');"><br> 18 учебных недель.</span>.<br></p><br> </div>
<div class="image">
<a href="/img/thumbs/e6d6912f345a80280261813657873be4-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="События и реакции на нихСобытия:события от мыши (click, dblclick, mousedown,…);события от клавиатуры (keypress, keydown,…);события от элементов ввода (focus, submit, select,…);события страницы (load, unload, error,…);Пример:В семестре 18 учебных недель.."><img src="/img/thumbs/e6d6912f345a80280261813657873be4-800x.jpg" title="Спецглавы_6.ppt События и реакции на нихСобытия:события от мыши (click, dblclick, mousedown,…);события от" alt="События и реакции на нихСобытия:события от мыши (click, dblclick, mousedown,…);события от клавиатуры (keypress, keydown,…);события от элементов ввода"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide16">
<h2><a href="/img/thumbs/22d53e68f1f29d98ea0adedf4d8f6823-800x.jpg" target="_blank">Слайд 16</a>Обработчик события в виде функции<br><br><br>function myfn1()<br>{<br> alert("Ты</h2>
<div class="text">
<h3>записался в программисты?");<br>}<br><br><br>День программиста 12 сентября!<br><br> </h3>
<br> </div>
<div class="image">
<a href="/img/thumbs/22d53e68f1f29d98ea0adedf4d8f6823-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Обработчик события в виде функцииfunction myfn1(){ alert("Ты записался в программисты?");}День программиста 12 сентября! "><img src="/img/thumbs/22d53e68f1f29d98ea0adedf4d8f6823-800x.jpg" title="Спецглавы_6.ppt Обработчик события в виде функцииfunction myfn1(){ alert("Ты записался в программисты?");}День" alt="Обработчик события в виде функцииfunction myfn1(){ alert("Ты записался в программисты?");}День программиста 12 сентября!"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide17">
<h2><a href="/img/thumbs/2c0f195cfbf121036ec9b04542f9348e-800x.jpg" target="_blank">Слайд 17</a>Обработчик события в виде функции<br> <br> </h2>
<div class="text">
<h3> function myfn2(obj)<br> {<br> </h3>
obj.style.color="blue";<br> obj.style.width="50%";<br> }<br> </SCRIPT><br><br><TABLE border name="first" onClick="myfn2(this);"><br><TR><br><TD>Ячейка 1</TD><br><TD>Ячейка 2</TD><br></TR><br><TR><br><TD>Ячейка 3</TD><br><TD>Ячейка 4</TD><br></TR><br></TABLE><br> </div>
<div class="image">
<a href="/img/thumbs/2c0f195cfbf121036ec9b04542f9348e-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Обработчик события в виде функции function myfn2(obj) { obj.style.color="blue"; obj.style.width="50%"; } Ячейка 1Ячейка 2Ячейка 3Ячейка 4"><img src="/img/thumbs/2c0f195cfbf121036ec9b04542f9348e-800x.jpg" title="Спецглавы_6.ppt Обработчик события в виде функции function myfn2(obj)" alt="Обработчик события в виде функции function myfn2(obj) {"></a>
</div>
<hr>
</div>
<div class="descrip" id="slide18">
<h2><a href="/img/thumbs/215ddf813364d4a8a9c960e39b418223-800x.jpg" target="_blank">Слайд 18</a>Позиционирование объектов<br>position (static, absolute, relative)<br>top<br>left<br>right<br>bottom<br>z-index<br><br><br>В семестре <br></h2>
<div class="text">
<h3>text-decoration:underline;<br>position:relative; top:25; left:-40">18 учебных недель.<br><br></h3>
z-index:-1"><br> </div>
<div class="image">
<a href="/img/thumbs/215ddf813364d4a8a9c960e39b418223-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Позиционирование объектовposition (static, absolute, relative)topleftrightbottomz-indexВ семестре 18 учебных недель."><img src="/img/thumbs/215ddf813364d4a8a9c960e39b418223-800x.jpg" title="Спецглавы_6.ppt Позиционирование объектовposition (static, absolute, relative)topleftrightbottomz-indexВ семестре 18 учебных недель." alt="Позиционирование объектовposition (static, absolute, relative)topleftrightbottomz-indexВ семестре 18 учебных недель."></a>
</div>
<hr>
</div>
</div>
<div class="custom" >
<!-- Yandex.RTB R-A-448123-10 -->
<div id="yandex_rtb_R-A-448123-10"></div>
<script type="text/javascript">
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-448123-10",
renderTo: "yandex_rtb_R-A-448123-10",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script></div>
<div class="url" id="download"><a href="/uncategorized/1508788031_specglavy_6ppt/download">Скачать презентацию</a></div>
</div>
<div class="right">
<div class="banners">
<div class="custom" >
<!-- Yandex.RTB R-A-448123-2 -->
<div id="yandex_rtb_R-A-448123-2"></div>
<script type="text/javascript">
(function(w, d, n, s, t) {
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: "R-A-448123-2",
renderTo: "yandex_rtb_R-A-448123-2",
async: true
});
});
t = d.getElementsByTagName("script")[0];
s = d.createElement("script");
s.type = "text/javascript";
s.src = "//an.yandex.ru/system/context.js";
s.async = true;
t.parentNode.insertBefore(s, t);
})(this, this.document, "yandexContextAsyncCallbacks");
</script></div>
</div>
<div class="list related">
<h2>Похожие презентации</h2>
<div class="wrapper">
<a href="/uncategorized/1-blm-halyaraly-ekonomikaly-atynastarhttpslsmkzinfografiki">
<img src="/img/thumbs/a97b304b61067b5b845207f6a55208b1-800x.jpg" alt="1 бөлім : Халықаралық экономикалық қатынастар
https://lsm.kz/infografiki">
<span class="desc">
<span>1 бөлім : Халықаралық экономикалық қатынастар
https://lsm.kz/infografiki</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 901</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/nedonoshennye-novorozhdennye">
<img src="/img/thumbs/afcc8bd4592fe2cb8a5d769ea5bf9e9a-800x.jpg" alt="Недоношенные новорожденные">
<span class="desc">
<span>Недоношенные новорожденные</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 330</span>
</span>
</a>
</div>
<div class="custom" >
<!-- Yandex.RTB R-A-448123-12 -->
<script>window.yaContextCb.push(()=>{
Ya.Context.AdvManager.render({
type: 'fullscreen',
blockId: 'R-A-448123-12'
})
})</script></div>
<div class="wrapper">
<a href="/uncategorized/ruh-krov-kaplyarami--venami">
<img src="/img/thumbs/2167d68a831d77b7900e1a3cde9488c6-800x.jpg" alt="Рух крові капілярами і венами">
<span class="desc">
<span>Рух крові капілярами і венами</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 232</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/dzhulian-bernard-rotter-biografiya-teoriya-sotsialnogo">
<img src="/img/thumbs/84933efaeb1d6daf11f15c8880e3c518-800x.jpg" alt="Джулиан Бернард Роттер. Биография. Теория социального научения">
<span class="desc">
<span>Джулиан Бернард Роттер. Биография. Теория социального научения</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 394</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/risovanie-svyazki-vozdushnyh-sharov-1-klass">
<img src="/img/thumbs/79e854ff31762ee1be214aa967b90478-800x.jpg" alt="Рисование связки воздушных шаров 1 класс">
<span class="desc">
<span>Рисование связки воздушных шаров 1 класс</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 275</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/deti-uchat-detey">
<img src="/img/thumbs/4c1f5c99c4a8f607ca8f4f91b74292e7-800x.jpg" alt="Дети учат детей">
<span class="desc">
<span>Дети учат детей</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 230</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/gorod-rozhdennyy-posle-voyny-kumertau-yubileynaya-anketa-goroda">
<img src="/img/thumbs/0059eeea24d0795e0e03dc2dde39d828-800x.jpg" alt="Город, рожденный после войны «Кумертау» (юбилейная анкета города)">
<span class="desc">
<span>Город, рожденный после войны «Кумертау» (юбилейная анкета города)</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 545</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/opasnye-situatsii-v-domenomera-telefonovpo-kotorym">
<img src="/img/thumbs/b6468a6e40e19698ef5154073afbdd28-800x.jpg" alt="Опасные ситуации в доме
Номера телефонов,
по которым можно вызвать">
<span class="desc">
<span>Опасные ситуации в доме
Номера телефонов,
по которым можно вызвать</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 309</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/gosudarstvennoe-avtonomnoe-professionalnoe-obrazovatelnoe-uchrezhdenie-25">
<img src="/img/tmb/6/579791/f9552336d1a10d98634a751a47f4285e-800x.jpg" alt="Государственное автономное профессиональное образовательное учреждение">
<span class="desc">
<span>Государственное автономное профессиональное образовательное учреждение</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 123</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/trudovye-otnosheniya-s-nesovershennoletnim-rabotnikom">
<img src="/img/tmb/7/629079/cb20cecbf5f13975fd5f851701b9d6bc-800x.jpg" alt="Трудовые отношения с несовершеннолетним работником">
<span class="desc">
<span>Трудовые отношения с несовершеннолетним работником</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 171</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/psoriaz-krasnyy-ploskiy-lishay-rozovyy-lishay">
<img src="/img/thumbs/f0aa5fe2401e254c1acd0c3575b2652a-800x.jpg" alt="Псориаз. Красный плоский лишай. Розовый лишай">
<span class="desc">
<span>Псориаз. Красный плоский лишай. Розовый лишай</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 427</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/glavnoe-upravlenie-po-obrazovaniyu-brestskogo-oblispolkoma">
<img src="/img/tmb/7/616858/1d4ddd4afc36625b0c38a783fbbeaab2-800x.jpg" alt="Главное управление по образованию Брестского облисполкома УЧРЕЖДЕНИЕ">
<span class="desc">
<span>Главное управление по образованию Брестского облисполкома УЧРЕЖДЕНИЕ</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 183</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/galiyaabdullovnanekrasovarubrika-bugurusantsy-na-frontah-vov">
<img src="/img/tmb/7/648117/624b5d731ec07808e0c894dc8f6cee67-800x.jpg" alt="Галия
Абдулловна
Некрасова
Рубрика Бугурусанцы на фронтах ВОВ">
<span class="desc">
<span>Галия
Абдулловна
Некрасова
Рубрика Бугурусанцы на фронтах ВОВ</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 244</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/prektnaya-deyatelnost-na-urokah-sportivnyh-igr">
<img src="/img/thumbs/789bc1d431622e71056723bd86e11b47-800x.jpg" alt=""Пректная деятельность на уроках спортивных игр"">
<span class="desc">
<span>"Пректная деятельность на уроках спортивных игр"</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 204</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/stantsiya-logicheskayapo-tropinkam-zanimatelnoymatematikipodgotovila-uchitel">
<img src="/img/thumbs/1531aa0e29ec0d6ac295c5b42b4859d6-800x.jpg" alt="Станция Логическая
По тропинкам занимательной
математики
Подготовила учитель">
<span class="desc">
<span>Станция Логическая
По тропинкам занимательной
математики
Подготовила учитель</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 254</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/ponyatie-zakonodatelnaya-i-normativnaya-osnova-ekologicheskoy">
<img src="/img/tmb/7/656757/b4020d2b0d7fc6ae94ac24e77724d687-800x.jpg" alt="Понятие, законодательная и нормативная основа экологической экспертизы">
<span class="desc">
<span>Понятие, законодательная и нормативная основа экологической экспертизы</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 218</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/alyuminiy">
<img src="/img/thumbs/61fcef3671641b1d639a0fc59cb97d1e-800x.jpg" alt="Алюминий">
<span class="desc">
<span>Алюминий</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 363</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/ponyatie-marketingovoj-informacionnoj-sistemy-mis">
<img src="/img/thumbs/24ed5964d978ce46451f5bfcadab9e4e-800x.jpg" alt="Понятие маркетинговой информационной системы (мис) ">
<span class="desc">
<span>Понятие маркетинговой информационной системы (мис) </span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 561</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/osnovnye-opredeleniya-teorii-proverki-gipotez">
<img src="/img/thumbs/6b762467dff6dfd27ddc17e6ac662188-800x.jpg" alt="Основные определения теории проверки гипотез">
<span class="desc">
<span>Основные определения теории проверки гипотез</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 388</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/uncategorized/onkogender-turaly-azrg-zamany-kzaras">
<img src="/img/thumbs/7b634f2f26f57dfa73d5e037c518018e-800x.jpg" alt="Онкогендер туралы қазіргі заманғы көзқарас">
<span class="desc">
<span>Онкогендер туралы қазіргі заманғы көзқарас</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 625</span>
</span>
</a>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
<div class="container bottom">
<div>
<div class="call_back">
<h4><i class="fas fa-bullhorn"></i>Обратная связь</h4>
<p>Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:</p>
<p>Email: <a href="#" class="js_hidden_email" data-address="abusetheslide" data-domain="ya.ru">Нажмите что бы посмотреть</a> </p> </div>
<div class="links">
</div>
<div class="whatis">
<h4><i class="fa fa-info text-red"></i>Что такое TheSlide.ru?</h4>
<p>Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно хранить и делиться своими презентациями с другими пользователями.</p>
<hr />
<p><a href="/privacy">Для правообладателей</a></p>
<a href="https://metrika.yandex.ru/stat/?id=48768281&from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/48768281/3_1_FFFFFFFF_EFEFEFFF_0_pageviews" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="48768281" data-lang="ru" /></a>
<!--LiveInternet counter-->
<script type="text/javascript">
document.write("<a href='//www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t16.2;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";h"+escape(document.title.substring(0,150))+";"+Math.random()+
"' alt='' title='LiveInternet: показано число просмотров за 24"+
" часа, посетителей за 24 часа и за сегодня' "+
"border='0' width='88' height='31'><\/a>")
</script>
<!--/LiveInternet-->
</div>
<div class="clear"></div>
</div>
</div>
<script src="/templates/presentation/js/script.js?2f7a446f4c1827ed407306caac7b976b"></script>
</body>
</html>
