Содержание
Починаємо вивчати art-19352.leaf-10.php">10 11 12 13 14 15 16 17 ... 26 Починаємо вивчати " onclick="return false">
Перш за все, зверніть увагу на область заголовку документа, виділену операторами і . У цій області розташоване визначення змінної і функції. Вони оформлені із застосуванням операторів . Крім того, в тілі документа HTML є ще один розділ сценаріїв, виділений аналогічно.
Змінна з ім'ям szМsg визначається за допомогою оператора var, причому їй відразу ж присвоюється початкове значення – текстовий рядок "Вітаємо, це сценарій на мові " onclick="return false">
Мова " onclick="return false">
Окрім змінної szMsg, в області заголовку документа HTML за допомогою ключового слова function визначена функція з ім'ям printhello. Ця функція викликається зі сценарію, розташованого в тілі документа, і виводить в документ HTML значення змінної szМsg.
Інтерпретація документа HTML і вбудованих в нього сценаріїв відбувається по мірі завантаження документа. Тому в сценарії функції та змінні мають бути визначеними вище місця їх виклику. Якщо розмістити визначення змінних і функцій в розділі заголовка документа, буде гарантовано, що вони будуть завантажені до моменту завантаження тіла документа.
Мова " onclick="return false">
Привіт, студент!
Починаємо вивчати " onclick="return false">
Окрім представленої в даному прикладі елементарної діалогової панелі сценарії " onclick="return false">
Розглянемо ще декілька простих прикладів використання " onclick="return false">
Наприклад, цікавою можливістю " onclick="return false">
Вітаємо, це сценарій на мові " onclick="return false"><br /> <br /> <SCRIPT LANGUAGE="" onclick="return false"><br /><br />function printHello(){<br /> <br /> szHelloStr=prompt("Введіть повідомлення:", "");<br /> <br /> document.write(szHelloStr);<br /> <br /> }<br /> <br /> // --><br /> <br /> </SCRIPT><br /> <br /> </HEAD><br /> <br /> <BODY><br /> <br /> <h2>Починаємо вивчати " onclick="return false"><br /> <br /> <SCRIPT LANGUAGE="" onclick="return false"><br /><br />printHello();<br /> <br /> // --><br /> <br /> </SCRIPT> <br /> <br /> </BODY><br /> <br /> </HTML><br /> <br />Діалогова панель введення інформації викликається за допомогою функції prompt. Параметрами цієї функції є повідомлення для користувача і початкове значення запрошуваного текстового рядка (у приведеному прикладі – порожнє).<br /> <br />Ще один приклад. У мові " onclick="return false"> <br /> <HTML><br /> <br /> <HEAD><br /> <br /> <TITLE> Вітаємо, це сценарій на мові " onclick="return false"><br /> <br /> </HEAD><br /> <br /> <BODY><br /> <br /> <h2>Починаємо вивчати " onclick="return false"><br /> <br /> Select me!<br /> <br /> </BODY><br /> <br /> </HTML><br /> <br />Рядок оператора <a> зазвичай застосовується для організації посилань на інші документи HTML або файли різних об'єктів. В даному випадку поле посилання параметра HREF порожнє, проте додатково в оператор <a> включена така конструкція: <br /> <br /> onmouseover="alert(‘Вітаємо, це сценарій на мові " onclick="return false"> <br />Вона вказує, що при виникненні події onmouseover (наведення миші) повинен виконуватися рядок програми " onclick="return false"><br /><br /><b>Завдання:</b><br /><br /><ol> <li>Написати сценарій, що виводить діалогову панель з довільним повідомленням в момент активізації посилання "Select me" (подія onClick).<br /> <li>Написати сценарій, що виводить повідомлення у вікно браузера, при наведенні курсора миші на посилання.<br /> <li>Написати сценарій, що спочатку виводить на екран діалогове вікно, а потім після натиснення кнопки Ок у вікні браузера друкує довільне повідомлення.<br /> <li>Написати сценарій, що запитує у користувача інформацію, а потім виводить її у вікні браузера.<br /> <li>Написати сценарій таким чином, щоб діалогове вікно для введення інформації пропонувалося тільки після активації посилання (подія onClick), а потім введений користувачем текстовий рядок виводився б у вікно браузера. <br /> <li>Написати сценарій, що запитує у користувача інформацію, а потім виводить її в діалоговому вікні.<br /> <li>Написати сценарій таким чином, щоб діалогове вікно для введення інформації пропонувалося тільки після наведення курсора миші на посилання. <br /> <li>Написати сценарій таким чином, щоб діалогове вікно для введення інформації пропонувалося тільки після наведення курсора миші на посилання, а потім введений користувачем текстовий рядок виводився б у вигляді діалогового вікна. <br /> <li>Написати сценарій таким чином, щоб діалогове вікно для введення інформації пропонувалося тільки після наведення курсора миші на посилання, а потім введений користувачем текстовий рядок виводився б у вікно браузера. <br /> <li>Написати сценарій, який виводить в діалогове вікно рядок, що був запрошений у користувача. <br /> </ol> <br /><br /> <br /> </a></a>
</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>
<!-- Put this div tag to the place, where the Group block will be -->
<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>
<!-- Yandex.RTB R-A-636060-2 -->
<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><!-- #secondary -->
</div>
</div>
</div>
</main><!-- #main -->
</section><!-- #primary -->
<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><!--- END COL -->
</div><!--- END ROW -->
</div><!--- END CONTAINER -->
</footer>
<!-- END FOOTER -->
<!-- Yandex.Metrika counter -->
<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>
<!-- /Yandex.Metrika counter -->
<script src="//code.jivo.ru/widget/SJcRVelprK" async></script>
<!-- Bothelp.io widget -->
<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>
<!-- /Bothelp.io widget -->
</body>
</html>
|
