Лекция Использование языка " onclick="return false">ссылка скрыта</a></td></tr></table></td></tr></table><table width="50%" cellpadding="5px" class="mtt1"><tr><td><h2>Содержание</h2><br /> <a href="art-12878.php">Таблица 4.1. Некоторые операторы " onclick="return false">ссылка скрыта</a><br /><a href="art-12878.php">Таблица 4.5. Коллекции объекта документ (перечислены не все)</a><br /></td></tr></table>Подобный материал:<ul><li><a href="art-14201.php">Html, " onclick="return false">ссылка скрыта</a>,<small> 177.06kb.</small></li><li><a href="art-12873.php">Лекция № Тема «Гиперссылки, графика в html-документе»</a>,<small> 145.63kb.</small></li><li><a href="art-12890.php">Лекция 3: Структура html-документа. Ввод и Оформление текста</a>,<small> 90.82kb.</small></li><li><a href="art-7204.php">Лекция: Общее знакомство</a>,<small> 2364.88kb.</small></li><li><a href="art-103056.php">Лекция № Тема: «Основы программирования на " onclick="return false">ссылка скрыта</a>,<small> 217.81kb.</small></li><li><a href="art-103030.php">Лекция № Тема: «Основные элементы идеологии скриптового программирования»</a>,<small> 112.6kb.</small></li><li><a href="art-265909.php">Учебно-методический комплекс факультатива «Использование интернет-технологий в социально-экономической</a>,<small> 155.62kb.</small></li><li><a href="art-13388.php">Программа для просмотра web-страниц, которая преобразует тэги html-документа в соответствующее</a>,<small> 47.68kb.</small></li></ul><h2>Лекция 4. Использование языка " onclick="return false">ссылка скрыта</a></u>. Мы попробуем лишь использовать некоторые скрипты и научимся подстраивать уже готовые под свои нужды. В таблицах приведены лишь некоторые элементы языка и встроенные объекты, свойства, функции.<br /> <br /> <b>Таблица 4.1. Некоторые операторы " onclick="return false">ссылка скрыта</a><br /> <br />открывает их в разных фреймах: mainFrame и leftFrame соответственно. Попробуйте! Для проверки можете просмотреть страницы win2.htm и win2_f.htm из папки okna_2 приложения или ссылки <u>два</u> и <u>окна</u> на сайте.<br /> <ol start=4> <ol start=3> <li><h2> Примеры использования простых сценариев</h2> </ol> </ol> <br />Как было указано выше, чтобы изменить атрибут (свойство) какого-либо элемента HTML-документа надо указать его номер в коллекции. Но разобраться в том, какой номер имеет тот или иной элемент страницы легко браузеру, но не человеку. Поэтому, если надо держать в поле зрения небольшое количество элементов и есть необходимость работать именно с ними, им можно дать собственные имена, и обращаться уже к конкретному элементу. (Сравните, <i>MyImg.src=”ris.gif”</i>) Имена можно присвоить любому элементу на странице с помощью атрибута NAME или ID, например: <br /> <br /><i><img name=”my_pic” src="images/”ris1.gif”"></i> или <i><td id=”cell3”></i>. <br /> <br />В первом случае графическому элементу присвоено имя my_pic, во втором данной ячейке был дан номер cell3. Теперь мы можем с помощью скриптовой программы изменять свойства этих объектов в зависимости от происходящих событий. Например, скрипт <br /> <br /><i>onMouseOver="document.my_pic.src='ris2.gif'”</i> <br /> <br />означает, что при наведении курсора мыши в то место (элемент, определяемым тэгом с данным скриптом), вместо рисунка <i>“ris1.gif”</i> на страницу будет загружен рисунок “<i>ris2.gif”. </i>Обратите внимание на использование разных типов кавычек. В двойные кавычки заключена команда, которая выполняется при наступлении события <i>onMouseOver</i>, в одинарные – значение, которое надо установить для свойства <i>src</i> объекта <i>my_pic</i> (имя фала). При использовании атрибута ID, обрашение будет выглядеть по другому, так как в данном случае задан номер элемента. Например, для изменения текста выбранной ячейки, может быть применен такой скрипт<br /> <br /> <i>onClick=”document.all('cell3').innerText=ячейка 3” </i> <br /> <br />и при клике по элементу, который определяет тэг с данным скриптом, в ячейке с ID=’cell3’ появится текст “ячейка 3”. Здесь свойство innerText – текст, заключенный в тэге (в данном случае в ячейке), без учета HTML форматирования (страница changes.htm из папки changes_in_table приложения или по ссылке js1). <br /> <br />Если надо произвести какие-то действия прямо с тем элементом, который определяет тэг со скриптом, можно не указывать имя, а указать на объект this:<br /> <br /><td <br /><i>onMouseOver="this.innerHTML='<b>'+this.innerText+'</b>'" onMouseOut="this.innerHTML=this.innerText"</i>> Neon </td><br /> <br />При наведении курсора мыши на текст данной ячейки (Neon), будет добавлен тэг <b>…</b> - полужирный шрифт, после того, как мы уберем курсор, текст вернется в свой первоначальный вид. Здесь использовано свойство innerHTML – текст и HTML-элементы тэга.<br /> <br />Рассмотрите файлы changes.htm, changes1.htm и changes3.htm из папки changes_in_table приложения или по ссылке js2. Наводите мышь на красную и синюю машины и ячейку со словом Neon. На страничке changes3script.htm скрипты даны явно, рядом с тем элементом страницы, в котором они содержатся. <br /> <br />Если одни и теже действия должны повторяться на странице несколько раз, например, замена картинок для панели навигации, то, конечно, не очень удобно писать скрипты в каждом теге. В этом случае составляется скриптовая программа, в которой описываются необходимые действия, а потом, по мере надобности, оформляется вызов соответствующих функций в нужном месте HTML-документа. Саму программу можно поместить как в головной части документа (<HEAD>… </HEAD>), так и в отдельном файле. В последнем случае в HTML-документе указывают ссылку на этот файл:<br /> <br /><i><HEAD></i><br /> <br />…<br /> <br /> <i><script Language ="" onclick="return false">ссылка скрыта</a></script> <br /><br /> </div> </article> </div> <div class="col-md-4"> <aside id="secondary" class="widget-area"> <section id="block-3" class="widget widget_block"><h4>Закажи дипломную, курсовую, реферат через ВКонтакте</h4> <br> <br>  <div id="vk_groups"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 4, wide: 1, height: 400, color1: "FFFFFF", color2: "000000", color3: "5181B8"}, 209814955); </script>  <div id="yandex_rtb_R-A-636060-2"></div> <script> window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ "blockId": "R-A-636060-2", "renderTo": "yandex_rtb_R-A-636060-2" }) }) </script> </section></aside> </div> </div> </div> </main> </section> <script src='/wp-content/themes/hera/assets/bootstrap/js/bootstrap.min.js?ver=5484' id='bootstrap-js'></script> <script src='/wp-content/themes/hera/assets/js/modernizr-2.8.3.min.js?ver=5484' id='modernizr-js'></script> <script src='/wp-content/themes/hera/assets/js/jquery.nav.js?ver=5484' id='nav-js'></script> <script src='/wp-content/themes/hera/assets/js/jquery.slicknav.js?ver=5484' id='jquery-slicknav-js'></script> <script src='/wp-content/themes/hera/assets/js/jquery.stellar.min.js?ver=5484' id='jquery-stellar-js'></script> <script src='/wp-content/themes/hera/assets/js/jquery.inview.min.js?ver=5484' id='jquery-inview-js'></script> <script src='/wp-content/themes/hera/assets/owlcarousel/js/owl.carousel.min.js?ver=5484' id='owl-carousel-js'></script> <script src='/wp-content/themes/hera/assets/js/jquery.mixitup.js?ver=5484' id='jquery-mixitup-js'></script> <script src='/wp-content/themes/hera/assets/js/venobox.min.js?ver=5484' id='venobox-js'></script> <script src='/wp-content/themes/hera/assets/js/jquery.magnific-popup.min.js?ver=5484' id='magnific-popup-js'></script> <script src='/wp-content/themes/hera/assets/js/jquery.appear.js?ver=5484' id='appear-js'></script> <script src='/wp-content/themes/hera/assets/js/slick.js?ver=5484' id='slick-js'></script> <script src='/wp-content/themes/hera/assets/js/wow.min.js?ver=5484' id='wow-js'></script> <script src='/wp-content/themes/hera/assets/js/scripts.js?ver=5484' id='hera-scripts-js'></script> <script src='/wp-content/themes/hera/assets/js/scrolltopcontrol.js?ver=5484' id='scrolltopcontrol-js'></script> <footer class="footer"> <div class="container"> <div class="row"> <div class="col-sm-12 text-center wow zoomIn"> <div class="footer_content copyright_text"> <p> Copyright © 2023. All rights Reserved. </p> </div> </div> </div> </div> </footer>   <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(4976686, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/4976686" style="position:absolute; left:-9999px;" alt="" /></div></noscript>  <script src="//code.jivo.ru/widget/SJcRVelprK" async></script>  <script type="text/javascript">!function(){var e={"token":"+79202357777","position":"left","bottomSpacing":"","callToActionMessage":"Заказать диплом, курсовую онлайн","displayOn":"everywhere","subtitle":"Описание или время работы","message":{"name":"Заказать диплом или реферат","content":"Здравствуйте, ч могу вам помочь с дипломной, курсовой или другой работой? Пишите"}},t=document.location.protocol+"//bothelp.io",o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=t+"/widget-folder/widget-whatsapp-chat.js",o.onload=function(){BhWidgetWhatsappChat.init(e)};var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(o,n)}();</script>  </body> </html>