Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ динамичСский html

ΠΠ°Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° ΠΈΠΌ. Н. Π­. Π‘Π°ΡƒΠΌΠ°Π½Π°
Bauman National Library

ΠŸΠ΅Ρ€ΡΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ инструмСнты

Dynamic HTML

Dynamic HTML

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ динамичСский html. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ динамичСский html. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ динамичСский html. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ динамичСский html. Π€ΠΎΡ‚ΠΎ Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ динамичСский html
БСмСйствоHTML
ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ появившийся1997
Π―Π·Ρ‹ΠΊ физичСской Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈHTML
ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°web-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ Microsoft ΠΈ Netscape
OSWindows, MAC
Π€ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»ΠΎΠ².dhtml

ДинамичСская Π²Π΅Π±-страница прСдставляСт собой ΡˆΠΈΡ€ΠΎΠΊΡƒΡŽ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡŽ, которая ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ Π»ΡŽΠ±ΡƒΡŽ Π²Π΅Π±-страницу, ΡΠ³Π΅Π½Π΅Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ ΠΏΠ΅Ρ€ΡΠΎΠ½Π°Π»ΡŒΠ½ΠΎ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, Π²Ρ…ΠΎΠΆΠ΄Π΅Π½ΠΈΠ΅ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΈΠ»ΠΈ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ…. Π­Ρ‚Π° концСпция Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя страницы, созданныС с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ скриптов Π½Π° сторонС ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π° ΠΈ страницы, созданныС с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ скриптов Π½Π° сторонС сСрвСра (PHP, Perl, JSP ΠΈΠ»ΠΈ ASP.NET), Π³Π΄Π΅ Π²Π΅Π± сСрвСр Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΏΠ΅Ρ€Π΅Π΄ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΎΠΉ Π΅Π³ΠΎ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρƒ.

DHTML отличаСтся ΠΎΡ‚ Ajax Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ DHTML основана Π½Π° запросах ΠΈ ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠ·ΠΊΠ°Ρ…. ΠŸΡ€ΠΈ использовании DHTML ΠΌΠΎΠΆΠ΅Ρ‚ вовсС ΠΎΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ взаимодСйствиС ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠΌ ΠΈ сСрвСром послС Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ вся ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° происходит Π² JavaScript Π½Π° сторонС ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°. Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° Ajax ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ DHTML для ΠΈΠ½ΠΈΡ†ΠΈΠ°Ρ†ΠΈΠΈ запроса (Π»ΠΈΠ±ΠΎ подзапроса) ΠΊ сСрвСру для выполнСния Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… дСйствий. НапримСр, Ссли Π½Π° страницС имССтся нСсколько Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, DHTML Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ΄Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ содСрТимоС всСх Π²ΠΊΠ»Π°Π΄ΠΎΠΊ ΠΈ динамичСски ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚Ρƒ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ Π² Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚. Π’ Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ Ajax ΠΏΠΎΠ΄Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚ ΠΊΠ°ΠΆΠ΄ΡƒΡŽ ΠΈΠ· Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚ΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° это Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ.

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

ИспользованиС

DHTML позволяСт Π°Π²Ρ‚ΠΎΡ€Π°ΠΌ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π½Π° страницы эффСкты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ Π΄ΠΎΡΡ‚ΠΈΡ‡ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π½ΠΎΠΉ ΠΌΠΎΠ΄Π΅Π»ΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΈΠ»ΠΈ каскадной Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй. НапримСр, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ использования сочСтания HTML, CSS ΠΈ JavaScript Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΡƒΡ‰Π΅ΡΡ‚Π²ΠΈΡ‚ΡŒ:

Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€Π° Π²Π΅Π±-страницы

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ настройки страницы Π½Π° DHTML.

ΠžΡ‚Π»ΠΈΡ‡ΠΈΡ DHTML ΠΎΡ‚ HTML

НСсмотря Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΠΎ своСй сути DHTML являСтся ΠΎΡ‚Π²Π΅Ρ‚Π²Π»Π΅Π½ΠΈΠ΅ΠΌ сСмСйства HTML, Π° Π² настоящСС врСмя ΠΎΠ½ Π±Ρ‹Π» Π·Π°ΠΌΠ΅Π½Π΅Π½ HTML5, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚ Ρ‚Π΅ΠΌ ΠΆΠ΅ ΠΈ большим Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΠΎΠΌ, ΠΌΠ΅ΠΆΠ΄Ρƒ HTML ΠΈ нСпосрСдствСнно DHTML сущСствуСт ряд Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ€Π°Π·Π»ΠΈΡ‡ΠΈΠΉ. [Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ 2]
Π‘Ρ€Π΅Π΄ΠΈ этих Ρ€Π°Π·Π»ΠΈΡ‡ΠΈΠΉ Π²Ρ‹Π΄Π΅Π»ΡΡŽΡ‚:

ΠžΠ±ΡŠΠ΅ΠΊΡ‚Π½Π°Ρ модСль Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ динамичСский html. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Ρ„ΠΎΡ‚ΠΎ Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ динамичСский html. Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ динамичСский html. ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΏΡ€ΠΎ Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ динамичСский html. Π€ΠΎΡ‚ΠΎ Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ динамичСский html

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, DOM обСспСчиваСт доступ ΠΊ дСйствиям ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‚Π°ΠΊΠΈΠΌ, ΠΊΠ°ΠΊ Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ клавиши ΠΈΠ»ΠΈ Ρ‰Π΅Π»Ρ‡ΠΎΠΊ ΠΌΡ‹ΡˆΠΈ. МоТно ΠΏΠ΅Ρ€Π΅Ρ…Π²Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΈ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Π΅ события, создавая Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΈ ΠΏΡ€ΠΎΡ†Π΅Π΄ΡƒΡ€Ρ‹ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° событий. ΠžΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ событий, Π² свою ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ, Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π·, ΠΊΠΎΠ³Π΄Π° происходит Π·Π°Π΄Π°Π½Π½ΠΎΠ΅ событиС ΠΈ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ Π»ΡŽΠ±Ρ‹Π΅ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ дСйствия, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ использованиС DOM для измСнСния Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.

ΠšΠ°ΡΠΊΠ°Π΄Π½Ρ‹Π΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй

ДинамичСскиС возмоТности DHTML

ВозмоТности DHTML ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ сайты. Π­Ρ‚ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ Π² практичСских цСлях. НапримСр, Π½Π° сайтах ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Π³Π°Π·ΠΈΠ½ΠΎΠ² с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ DHTML ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ Ρ‚ΠΎΠ²Π°Ρ€Ρ‹, Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ вопросы ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ ΠΎΡ‚Π²Π΅Ρ‚Ρ‹, ΡΠΎΠ·Π²Π°Ρ‚ΡŒ заявки ΠΈ ΠΎΡ„ΠΎΡ€ΠΌΠ»ΡΡ‚ΡŒ Π·Π°ΠΊΠ°Π·Ρ‹. И всС это осущСствляСтся ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Π·Π°ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π½Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ΅ Ρ€Π΅Π°Π³ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ скриптов.
Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ DHTML ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ сайты-ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ, слайд-ΡˆΠΎΡƒ, ΠΏΡ€ΠΎΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΠΌΠΎΠ°ΠΊΡ†ΠΈΠΈ, Ρ€Π°Π·Π²Π»Π΅ΠΊΠ°Ρ‚ΡŒ ΠΈ ΡƒΠ²Π»Π΅ΠΊΠ°Ρ‚ΡŒ ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ². РазумССтся, DHTML ΠΏΡ€ΠΈΠ΄ΡƒΠΌΡ‹Π²Π°Π»ΠΈ Π½Π΅ для ΠΈΠ³Ρ€, Π° ΠΈΠΌΠ΅Π½Π½ΠΎ для Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ практичСских коммСрчСских Π·Π°Π΄Π°Ρ‡, для ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π² ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΌ сайтС Ρ‚Ρ€Π΅Π±ΠΎΠ²Π°Π»ΠΎΡΡŒ Π½Π°Π»ΠΈΡ‡ΠΈΠΈ ΠΆΠΈΠ²ΠΎΠ³ΠΎ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Π° для ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠ² Π½Π° вопросы посСтитСлСй.
Однако DHTML сСгодня ΡƒΠΆΠ΅ ΠΏΡ€ΠΎΡˆΠ»Ρ‹ΠΉ Π²Π΅ΠΊ. Π’ настоящСС врСмя для создания динамичСских сайтов рСализуСтся новая вСрсия HTML 5. Π­Ρ‚ΠΎΡ‚ ΠΈΠ½Π½ΠΎΠ²Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ язык гипСртСкста прСдставляСт собой своСго Ρ€ΠΎΠ΄Π° ΠΊΠΎΠΌΠΏΠΈΠ»ΡΡ†ΠΈΡŽ Π½Π°Ρ€Π°Π±ΠΎΡ‚ΠΎΠΊ всСх ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΡ… вСрсий HTML.
Π‘Π°ΠΉΡ‚Ρ‹ Π½Π° основС HTML 5 ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ выглядят ΠΊΠ°ΠΊ Π½Π° стационарных, Ρ‚Π°ΠΊ ΠΈ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°Ρ…. А Ρ‚Π°ΠΊΠΆΠ΅ ΠΈ Π½Π° Π»ΡŽΠ±Ρ‹Ρ… ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… систСмах.
Для HTML 5 Π΄Π°ΠΆΠ΅ Π½Π΅ прСдусмотрСно использованиС Flash-ΠΏΠ»Π΅ΠΉΠ΅Ρ€Π° для просмотра Π²ΠΈΠ΄Π΅ΠΎ. ВсС Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ΠΎ Π·Π° счСт Ρ‚Π΅Π³ΠΎΠ² HTML 5. [Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ 3]

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

DHTML

DHTML (динамичСский HTML) – это Π½Π°Π±ΠΎΡ€ срСдств, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ Web-страницы Π±Π΅Π· увСличСния Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ сСрвСра. Π”Ρ€ΡƒΠ³ΠΈΠΌΠΈ словами, ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ дСйствия посСтитСля Π²Π΅Π΄ΡƒΡ‚ ΠΊ измСнСниям внСшнСго Π²ΠΈΠ΄Π° ΠΈ содСрТания страницы Π±Π΅Π· обращСния ΠΊ сСрвСру.

DHTML построСн Π½Π° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π½ΠΎΠΉ ΠΌΠΎΠ΄Π΅Π»ΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° (Document Object Model, DOM), которая Ρ€Π°ΡΡˆΠΈΡ€ΡΠ΅Ρ‚ Ρ‚Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ статичСский HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚. DOM обСспСчиваСт динамичСский доступ ΠΊ содСрТимому Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Π΅Π³ΠΎ структурС ΠΈ стилям. Π’ DOM ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ элСмСнт Web-страницы являСтся ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ. DOM Π½Π΅ опрСдСляСт Π½ΠΎΠ²Ρ‹Ρ… Ρ‚Π΅Π³ΠΎΠ² ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ², Π° просто обСспСчиваСт Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ управлСния всСми Ρ‚Π΅Π³Π°ΠΌΠΈ, Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°ΠΌΠΈ ΠΈ каскадными листами стилСй (CSS).

Бобытия Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π΅cΠΊΠΎΠ³ΠΎ HTML

На WEB-страницах ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ Ρ€Π΅Π°ΠΊΡ†ΠΈΡŽ Π½Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ дСйствия посСтитСля ΠΈΠ»ΠΈ измСнСния состояния Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΈΠ»ΠΈ ΠΎΠΊΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹Π·Ρ‹Π²Π°ΡŽΡ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ события.

ΠŸΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ события ΠΏΡ€ΠΈ ΠΏΠ΅Ρ€Π΅Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΈ ΠΌΡ‹ΡˆΠΈ, Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΌΡ‹ΡˆΠΈ ΠΈ ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹. ИзмСнСния состояния Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΡŽΡ‚ события ΠΏΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΠ»ΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², ΠΏΡ€ΠΈ появлСнии ошибки Π½Π° страницС ΠΈΠ»ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π΅ фокуса ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠ³ΠΎ элСмСнта ΠΊ Π΄Ρ€ΡƒΠ³ΠΎΠΌΡƒ.

МодСль событий DHTML связана с ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΉ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΠ΅ΠΉ HTML-ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ основана Π½Π° всплывании событий ΠΈ дСйствии ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.

ВсплываниС событий Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π½Π° событиС ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π° рСакция Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΡ‚ элСмСнта-источника события, Π½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΈ ΠΎΡ‚ всСх Π΅Π³ΠΎ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΡ… элСмСнтов Π²ΠΏΠ»ΠΎΡ‚ΡŒ Π΄ΠΎ Ρ‚Π΅Π»Π° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΈ самого Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. Π‘ΠΎΠ±Ρ‹Ρ‚ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Π°Π½ΠΎ Π½Π° любом ΡƒΡ€ΠΎΠ²Π½Π΅. Π’ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π½ΠΈΠΆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ Ρ‰Π΅Π»Ρ‡ΠΊΠΎΠ² ΠΌΡ‹ΡˆΡŒΡŽ Π½Π° ссылкС Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ Ρ‰Π΅Π»Ρ‡ΠΊΠΈ ΠΌΡ‹ΡˆΡŒΡŽ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 1

ВсплываниС события

Для получСния ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ ΠΌΡ‹ΡˆΠΊΠΎΠΉ ΠΊΠ°ΠΊ Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ, Ρ‚Π°ΠΊ ΠΈ Π½Π° тСкстС:

БвязываниС событий

УстановлСниС связи ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΌ событиСм ΠΈ сцСнариСм называСтся связываниСм событий. Бобытия ΠΌΠΎΠΆΠ½ΠΎ ΡΠ²ΡΠ·Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² любого элСмСнта ΠΈΠ»ΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‚Π΅Π³Π° script.

БвязываниС событий с Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°ΠΌΠΈ ΡƒΠ΄ΠΎΠ±Π½ΠΎ, Π½ΠΎ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ языка HTML ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π· ΠΏΡ€ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π΅Ρ‚Π΅Π½ΠΈΠΈ Π½ΠΎΠ²ΠΎΠ³ΠΎ события. А Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ HTML развиваСтся ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ, Π΄Π°Π½Π½Ρ‹ΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для нСбольшого Π½Π°Π±ΠΎΡ€Π° встроСнных событий. Как Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ любого элСмСнта Π² DHTML прСдставлСны события ΠΌΡ‹ΡˆΠΈ ΠΈ ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 2

Π‘ΠΌΠ΅Π½Π° графичСского ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°

Для смСны графичСского ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° пСрСмСститС Π½Π° Π½Π΅Π³ΠΎ ΠΌΡ‹ΡˆΠΊΡƒ – Иоганн Π‘Π΅Π±Π°ΡΡ‚ΡŒΡΠ½ Π‘Π°Ρ… смСнит Π›ΡŽΠ΄Π²ΠΈΠ³Π° Π²Π°Π½ Π‘Π΅Ρ‚Ρ…ΠΎΠ²Π΅Π½Π°.
Π£Π²Π΅Π΄ΠΈΡ‚Π΅ с Π½Π΅Π³ΠΎ ΠΌΡ‹ΡˆΠΊΡƒ – Π›ΡŽΠ΄Π²ΠΈΠ³ Π²Π°Π½ Π‘Π΅Ρ‚Ρ…ΠΎΠ²Π΅Π½ смСнит Иоганна Π‘Π΅Π±Π°ΡΡ‚ΡŒΡΠ½Π° Π‘Π°Ρ…Π°.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 3

ИзмСнСниС Π²ΠΈΠ΄Π° Π΄Π°Π½Π½ΠΎΠ³ΠΎ элСмСнта

Для измСнСния Ρ†Π²Π΅Ρ‚Π° ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚Π° Π΄Π°Π½Π½ΠΎΠ³ΠΎ тСкста Π½Π°ΠΆΠΈΠΌΠ°ΠΉΡ‚Π΅ ΠΈ отпускайтС ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΌΡ‹ΡˆΠΈ

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π² ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ 2 ΠΎΠ±Π»Π°ΡΡ‚ΡŒ дСйствия ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° события ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€Π° B_B, Π° Π² ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ 3 – с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ указатСля this.

ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ script являСтся Π±ΠΎΠ»Π΅Π΅ ΠΎΠ±Ρ‰ΠΈΠΌ ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌΠΎΠΌ связывания события со сцСнариСм. ВсС события прСдставлСны ΠΊΠ°ΠΊ свойства Π² DOM. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ это, ΠΏΠ΅Ρ€Π΅ΠΏΠΈΡˆΠ΅ΠΌ наш ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π² Ρ‚Π°ΠΊΠΎΠΌ Π²ΠΈΠ΄Π΅:

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 4

МоТно Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠ΅Ρ‚ΠΎΠ΄ addEventListener():

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 5

Бобытия ΠΌΡ‹ΡˆΠΈ

Бобытия ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹

Π‘ΠΎΠ±Ρ‹Ρ‚ΠΈΠ΅ прокручивания

Бобытия фокуса

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 6

Бобытия Ρ„ΠΎΡ€ΠΌΡ‹

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 7

OnReset Π’ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ послС Ρ‰Π΅Π»Ρ‡ΠΊΠ° Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ΅ Reset. НазначСниС – Π²Ρ‹Π²ΠΎΠ΄ прСдупрСТдСния ΠΎ сбросС.

Бобытия Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 8

OnUnload Π’ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ ΠΏΡ€ΠΈ Π²Ρ‹Π³Ρ€ΡƒΠ·ΠΊΠ΅ страницы. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для освобоТдСния ΠΊΠ°ΠΊΠΈΡ…-Π»ΠΈΠ±ΠΎ рСсурсов ΠΈ Π²Ρ‹Π²ΠΎΠ΄Π° Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… сообщСний. OnAbort Π’ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ ΠΏΡ€ΠΈ срывС Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ графичСского ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°. OnError Π’ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ лишь ΠΏΡ€ΠΈ Π½Π΅ΡƒΠ΄Π°Ρ‡Π½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ графичСского элСмСнта ΠΈΠ»ΠΈ всСй WEB-страницы. ВсС ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ ошибки это событиС Π½Π΅ ΠΎΡ‚Π»Π°Π²Π»ΠΈΠ²Π°Π΅Ρ‚. Если Π² ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ 9 Ρ„Π°ΠΉΠ» m.gif Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π½Π°ΠΉΠ΄Π΅Π½, Ρ‚ΠΎ Π½Π° экранС появится прСдусмотрСнноС сообщСниС.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 9

Π‘ΠΎΠ±Ρ‹Ρ‚ΠΈΠ΅ ΠΏΠΎΠΌΠΎΡ‰ΠΈ

ΠžΠ±ΡŠΠ΅ΠΊΡ‚ event

Для получСния ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ событии слуТит ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ event.

Бвойства ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° event

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 10

type ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ события. Имя события возвращаСтся Π² Π½ΠΈΠΆΠ½Π΅ΠΌ рСгистрС Π±Π΅Π· прСфикса on.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 11
ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 12

altKey БостояниС клавиши (true/false). ctrlKey БостояниС клавиши (true/false). shiftKey БостояниС клавиши (true/false). keyCode ASCII-ΠΊΠΎΠ΄ Π½Π°ΠΆΠ°Ρ‚ΠΎΠΉ клавиши.

ДинамичСскоС содСрТаниС

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ΅Π½ΡΡ‚ΡŒ послС Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы.

Бвойства динамичСского содСрТания

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 13

Π”Π°Π½Π½Ρ‹Π΅ свойства динамичСского содСрТания ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΠ±Ρ€Π°Ρ‰Π°Ρ‚ΡŒΡΡ ΠΊ элСмСнту ΠΈΠ»ΠΈ Π΅Π³ΠΎ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΡŽ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΊΠ°ΠΊ ΠΊ Ρ†Π΅Π»ΠΎΠΌΡƒ. Если, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, трСбуСтся ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ лишь ΠΎΠ΄ΠΈΠ½ символ Π² ΠΏΠ°Ρ€Π°Π³Ρ€Π°Ρ„Π΅, Ρ‚ΠΎ придСтся Π·Π°Π½ΠΎΠ²ΠΎ ΠΏΠ΅Ρ€Π΅ΠΏΠΈΡΠ°Ρ‚ΡŒ вСсь ΠΏΠ°Ρ€Π°Π³Ρ€Π°Ρ„. Однако, ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ ΠΌΠ°Π½ΠΈΠΏΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ любой Ρ‡Π°ΡΡ‚ΡŒΡŽ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. Π’Π°ΠΊΡƒΡŽ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ прСдоставляСт ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ TextRange, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ рассмотрСн Ρ‡ΡƒΡ‚ΡŒ ΠΏΠΎΠ·ΠΆΠ΅.

ΠœΠ΅Ρ‚ΠΎΠ΄Ρ‹ Adjacent

ΠšΡ€ΠΎΠΌΠ΅ пСрСчислСнных Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅Ρ… свойств динамичСского содСрТания ΠΈΠΌΠ΅ΡŽΡ‚ΡΡ Π΅Ρ‰Π΅ Π΄Π²Π° ΠΌΠ΅Ρ‚ΠΎΠ΄Π° для вставки содСрТания:

insertAdjacentText Вставка тСкста. insertAdjacentHTML Вставка HTML.

Оба ΠΌΠ΅Ρ‚ΠΎΠ΄Π° Adjacent ΠΈΠΌΠ΅ΡŽΡ‚ ΠΏΠΎ Π΄Π²Π° Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚Π°: мСсто вставки ΠΈ содСрТаниС. ΠœΠ΅ΡΡ‚ΠΎ вставки опрСдСляСтся ΠΊΠ»ΡŽΡ‡Π°ΠΌΠΈ:

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 14

ΠœΠ΅Ρ‚ΠΎΠ΄Ρ‹ Adjacent ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для вставки Π½ΠΎΠ²Ρ‹Ρ… ΠΏΠ°Ρ€Π°Π³Ρ€Π°Ρ„ΠΎΠ² ΠΈΠ»ΠΈ элСмСнтов списков.

ΠžΠ±ΡŠΠ΅ΠΊΡ‚ TextRange

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ TextRange ΠΌΠΎΠΆΠ½ΠΎ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ любой тСкст, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠ΅Π½ΡΡ‚ΡŒ тСкст, Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ посСтитСлСм Π½Π° экранС.

Бвойства доступа ΠΊ тСксту

ΠœΠ΅Ρ‚ΠΎΠ΄ вставки HTML

ΠœΠ΅Ρ‚ΠΎΠ΄Ρ‹ позиционирования ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° TextRange

ΠœΠ΅Ρ‚ΠΎΠ΄Ρ‹ move, moveStart ΠΈ moveEnd Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°ΡŽΡ‚ число, Ρ€Π°Π²Π½ΠΎΠ΅ Ρ€Π°ΡΡΡ‚ΠΎΡΠ½ΠΈΡŽ пСрСмСщСния. Если Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π΄Π°Π½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ Π½Π° 100 слов Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅, содСрТащим 50 слов, Ρ‚ΠΎ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ TextRange Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠΌΠ΅Ρ‰Π΅Π½ Π² послСднСС слово, Π° ΠΌΠ΅Ρ‚ΠΎΠ΄ Π²ΠΎΠ·Π²Ρ€Π°Ρ‚ΠΈΡ‚ расстояниС пСрСмСщСния. Для ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎΡΡ‚ΠΈ провСдСния пСрСмСщСния Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅ΠΌΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ сравниваСтся с Π·Π°Π΄Π°Π½Π½Ρ‹ΠΌ расстояниСм пСрСмСщСния.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 15

moveToPoint(prm1, prm2) ΠžΠΏΡ€Π΅Π΄Π΅Π»ΡΠ΅Ρ‚ элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹Π²Π΅Π΄Π΅Π½ Π² Ρ‚ΠΎΡ‡ΠΊΠ΅, ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Ρ‹ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π·Π°Π΄Π°Π½Ρ‹ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌΠΈ prm1, prm2. Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π΅ совсСм ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ. Π’ Ρ‡Π΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 16

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

ДинамичСский HTML

Π’Ρ‹ Π±ΡƒΠ΄Π΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½Ρ‹ Π½Π° Автор24

ДинамичСский HTML (Dynamic HTML, ΠΈΠ»ΠΈ DHTML) прСдставляСт собой Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠ΅ Ρ‚Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½ΠΎΠ³ΠΎ языка HTML, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ позволяСт ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅, Ρ‚Π°ΠΊ Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹Π΅ ΠΆΠΈΠ²Ρ‹Π΅, HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹. Π‘Ρ‚Ρ€Π΅ΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π²Π΅Π±-страницу Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π½ΠΎΠΉ ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ, Ρ‚.Π΅. Π»Π΅Π³ΠΊΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡŽΡ‰Π΅ΠΉΡΡ, управляСмой ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ Π±Ρ‹Π»ΠΎ всСгда.

Одним ΠΈΠ· ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈΠ΄Π΅ΠΈ динамичности стало Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ языка HTML ΠΈ встраиваниС Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ срСдств ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… языков программирования (JavaScript, JScript ΠΈ VBScript). Π‘Π°ΠΌΠΈ сцСнарии (скрипты), Ρ‚. Π΅. ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, созданныС с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этих языков, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ совмСстно с основным содСрТаниСм ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΎΠΉ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. Π˜ΡΡ…ΠΎΠ΄Π½Ρ‹Π΅ тСксты ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ Π² сСти Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚, Π° ΠΊΠΎΠΌΠΏΠΈΠ»ΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‚ΡΡ послС Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π² ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΉ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€.

ВсС события Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ) ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ ΠΈ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ΡΡ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ, созданных Π½Π° ΠΎΠ΄Π½ΠΎΠΌ ΠΈΠ· Π²Ρ‹ΡˆΠ΅ пСрСчислСнных языков. Π’Π°ΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Ρ… событий Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈΠΌΠΈ взаимодСйствия ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ. К ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΎΠΉ опрСдСляСтся врСмя Π²Ρ‹Ρ…ΠΎΠ΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ со страницы, ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‚ΡΡ ΠΏΡ€ΠΈ этом ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ дСйствия.

Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны Ρ‡Π°ΡΡ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ HTML ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ Π½Π° сСбя, снимая Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ с Π½Π΅Π³ΠΎ Ρ‡Π°ΡΡ‚ΡŒ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΉ, язык иСрархичСских стилСвых спСцификаций (Cascading Style Sheets, CSS). Π“Π»Π°Π²Π½ΠΎΠΉ Ρ†Π΅Π»ΡŒΡŽ CSS являСтся ΠΎΡ‚Π΄Π΅Π»Π΅Π½ΠΈΠ΅ структуры Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΎΡ‚ Π΅Π³ΠΎ оформлСния, Ρ‡Ρ‚ΠΎ позволяСт Π°Π²Ρ‚ΠΎΡ€Ρƒ ΠΈΠ»ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ самим Ρ€Π΅ΡˆΠ°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΎΠΉ Π²ΠΈΠ΄ ΠΏΡ€ΠΈΠΌΠ΅Ρ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ элСмСнт содСрТания HTML-страницы. Π”Ρ€ΡƒΠ³ΠΎΠ΅ достоинство Ρ‚Π°Π±Π»ΠΈΡ† стилСй Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² обСспСчСнии Π΅Π΄ΠΈΠ½ΠΎΠ³ΠΎ стиля оформлСния ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Π½Π°Π±ΠΎΡ€Π° HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒΠ½Ρ‹Ρ… Ρ€Π°Π±ΠΎΡ‚).

На стыкС этих Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠΉ HTML – языка стилСй ΠΈ языка сцСнариСв – ΠΈ Π²ΠΎΠ·Π½ΠΈΠΊ Π½Π°Π±ΠΎΡ€ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΉ динамичСским HTML. Основная идСя динамичСского HTML состоит Π² ΠΏΠΎΠ»Π½ΠΎΠΌ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»Π΅ языка сцСнариСв Π½Π°Π΄ всСми элСмСнтами Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°ΠΌΠΈ ΠΈΡ… оформлСния ΠΈ размСщСния ΠΈ Π΄Π°ΠΆΠ΅ Π½Π°Π΄ тСкстом страницы. Благодаря Ρ‡Π΅ΠΌΡƒ Π»ΡŽΠ±Ρ‹Π΅ элСмСнты HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΌΠΎΠ³ΡƒΡ‚ ΠΌΠ΅Π½ΡΡ‚ΡŒ своС содСрТаниС ΠΈ внСшний Π²ΠΈΠ΄. Π”Π°Π»Π΅Π΅ рассмотрим ΠΎΠ±Ρ€Π°Π·Ρ†Ρ‹ примСнСния DHTML, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ всСми Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ.

Π“ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π° Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΡƒΡŽ Ρ‚Π΅ΠΌΡƒ

Π‘Ρ‚ΠΈΠ»ΠΈ ΠΈ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй

Π’Π°Π±Π»ΠΈΡ†Π° (лист) стилСй CSS являСтся Π½Π°Π±ΠΎΡ€ΠΎΠΌ ΠΏΡ€Π°Π²ΠΈΠ» отобраТСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ Π² ΡΠΎΠΏΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΌ Π΅ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅. ВсС свойства Ρ‚Π°Π±Π»ΠΈΡ† стилСй условно ΠΏΠΎΠ΄Ρ€Π°Π·Π΄Π΅Π»ΡΡŽΡ‚ Π½Π° нСсколько Π³Ρ€ΡƒΠΏΠΏ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΏΡ€Π°Π²Π»ΡΡŽΡ‚:

ИспользованиС стилСй

Одним ΠΈΠ· способов ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ стиля ΠΊ Π²Π΅Π±-страницС являСтся ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° :

Π’ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΉ Π² Π΄Π°Π½Π½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ TYPE=»text/css» ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ Π½Π° содСрТаниС Π² Π½Π΅ΠΌ описания стилСй. Π”Π°Π½Π½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹Π΅ значСния, Π² случаС ΠΆΠ΅ ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ Π½Π΅ указываСтся, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΡƒΡŽΡ‚ всю Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ стилСй.

НСпосрСдствСнноС описаниС стиля состоит ΠΈΠ· сСлСктора Ρ‚Π΅Π³Π°, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ имя Ρ‚Π΅Π³Π° Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»Π° стиля ΠΈ Ρ„ΠΈΠ³ΡƒΡ€Π½Ρ‹Π΅ скобки, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½Ρ‹ ΠΎΠ΄Π½Π° ΠΈΠ»ΠΈ нСсколько ΠΏΠ°Ρ€ объявлСний Π²ΠΈΠ΄Π° «свойство_стиля:Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅Β», Ρ€Π°Π·Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… Ρ‚ΠΎΡ‡ΠΊΠΎΠΉ с запятой:

ΠŸΡ€ΠΈ использовании ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»Π° Ρ‚ΠΎΡ‡ΠΊΠ° с запятой Π½Π΅ ставится.

Π—Π°Π΄Π°Π½ΠΈΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ

ЗначСния Π² ΠΏΡ€Π°Π²ΠΈΠ»Π°Ρ… Ρ‚Π°Π±Π»ΠΈΡ† стилСй Π·Π°Π΄Π°ΡŽΡ‚ΡΡ с использованиСм ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΠ³ΠΎ синтаксиса.

Π—Π°Π΄Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ (color), Ρ‚Π°ΠΊΠΆΠ΅ ΠΊΠ°ΠΊ ΠΈ Π² Ρ‚Π΅Π³Π°Ρ… HTML, ΠΌΠΎΠΆΠ½ΠΎ 2 способами: Π½Π°ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΈ числСнным Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ. Π’ спСцификации CSS1 («Π‘ΠΏΠ΅Ρ†ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ каскадных Ρ‚Π°Π±Π»ΠΈΡ† стилСй, ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ 1»), Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½ΠΎΠΉ ΠšΠΎΠ½ΡΠΎΡ€Ρ†ΠΈΡƒΠΌΠΎΠΌ World Wide Web (W3C), ΠΏΠ΅Ρ€Π΅Ρ‡ΠΈΡΠ»ΡΡŽΡ‚ΡΡ лишь 16 Π½Π°Π·Π²Π°Π½ΠΈΠΉ Ρ†Π²Π΅Ρ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² Ρ‚Π°Π±Π»ΠΈΡ†Π΅ стилСй:

aqua gray navy silver

black green olive teal

blue lime purple white

fuchsia maroon red yellow

Π”Ρ€ΡƒΠ³ΠΈΠ΅ ΠΆΠ΅ названия ΠΈΠ· ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ списка Ρ†Π²Π΅Ρ‚ΠΎΠ² Ρ‚ΠΎΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ.

Когда Ρ†Π²Π΅Ρ‚ задаСтся числСнным Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ использованиС ΡˆΠ΅ΡΡ‚Π½Π°Π΄Ρ†Π°Ρ‚Π΅Ρ€ΠΈΡ‡Π½Ρ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ ΠΈΠ· Ρ‚Ρ€ΠΎΠΉΠΊΠΈ Π²ΠΈΠ΄Π° rgb (red, green, blue), Π³Π΄Π΅ red, green ΠΈ blue прСдставлСны числами ΠΎΡ‚ 0 Π΄ΠΎ 255 ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π½Ρ‹ΠΌΠΈ Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Π°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ ΡΡ€ΠΊΠΎΡΡ‚ΡŒ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰Π΅ΠΉ Ρ†Π²Π΅Ρ‚Π° Π² RGB. ЗначСниями 255 ΠΈΠ»ΠΈ 100% указываСтся максимальная ΡΡ€ΠΊΠΎΡΡ‚ΡŒ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΉ ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰Π΅ΠΉ Ρ†Π²Π΅Ρ‚Π°; значСниями 0 ΠΈΠ»ΠΈ 0% – ΠΏΠΎΠ»Π½ΠΎΠ΅ отсутствиС ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰Π΅ΠΉ Ρ†Π²Π΅Ρ‚Π°.

Π•Π΄ΠΈΠ½ΠΈΡ†Ρ‹ Π΄Π»ΠΈΠ½Ρ‹ (length) Π·Π°Π΄Π°ΡŽΡ‚ΡΡ числом, послС ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π±Π΅Π· ΠΏΡ€ΠΎΠ±Π΅Π»Π° савится Π΄Π²ΡƒΡ…ΡΠΈΠΌΠ²ΠΎΠ»ΡŒΠ½ΠΎΠ΅ ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹ измСрСния (em, ex, in, cm ΠΈ Π΄Ρ€.) Π•Π΄ΠΈΠ½ΠΈΡ†Ρ‹ измСрСния Π΅m ΠΈ Π΅Ρ… ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‚ ΠΎΠ±Ρ‰ΡƒΡŽ высоту ΡˆΡ€ΠΈΡ„Ρ‚Π° ΠΈ высоту Π±ΡƒΠΊΠ²Ρ‹ Β«Ρ…Β» соотвСтствСнно. Π•Π΄ΠΈΠ½ΠΈΡ†Π΅ΠΉ измСрСния Ρ€Ρ… обозначаСтся Ρ€Π°Π·ΠΌΠ΅Ρ€ пиксСля Π½Π° экранС, Π° in, cm, mm, pt ΠΈ рс ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‚ Π΄ΡŽΠΉΠΌΡ‹, сантимСтры, ΠΌΠΈΠ»Π»ΠΈΠΌΠ΅Ρ‚Ρ€Ρ‹, ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ ΠΈ Ρ†ΠΈΡ†Π΅Ρ€ΠΎ соотвСтствСнно. Один дюйм содСрТит 25,4 ΠΌΠΌ ΠΈΠ»ΠΈ 72,27 ΠΏΡƒΠ½ΠΊΡ‚Π°, Π° Π² Ρ†ΠΈΡ†Π΅Ρ€ΠΎ – 12 ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ². ΠŸΡ€ΠΈ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΈ, Ρ€Π°Π²Π½ΠΎΠΌ Π½ΡƒΠ»ΡŽ, ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Π΅Π΄ΠΈΠ½ΠΈΡ†Ρ‹ измСрСния опускаСтся. НСкоторыС значСния Π·Π°Π΄Π°ΡŽΡ‚ΡΡ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°ΠΌΠΈ (percent). Π˜Ρ… Π²Ρ‹Ρ‡ΠΈΡΠ»ΡΡŽΡ‚ ΠΊΠ°ΠΊ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ свойства элСмСнта, ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π΅Π³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ мСстополоТСниС рСсурса ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π΅Π³ΠΎ URL-адрСс. ПослС ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ³ΠΎ слова url сразу (Π±Π΅Π· ΠΏΡ€ΠΎΠ±Π΅Π»Π°) ставится ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π°Ρ круглая скобка, Π·Π°Ρ‚Π΅ΠΌ URL, Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΉ Π² ΠΎΠ΄ΠΈΠ½ΠΎΡ‡Π½Ρ‹Π΅ ΠΈΠ»ΠΈ Π΄Π²ΠΎΠΉΠ½Ρ‹Π΅ ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ, ΠΈ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π°Ρ правая скобка.

НСкоторыС значСния ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ собой ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ (list) Π΄Ρ€ΡƒΠ³ΠΈΡ… Π²Π΅Π»ΠΈΡ‡ΠΈΠ½ ΠΈ ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ΡΡ ΠΊΠ°ΠΊ список Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ. Бписок ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΡΡ‚ΠΎΡΡ‚ΡŒ ΠΈΠ· ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… допустимых Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ, Ρ€Π°Π·Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… запятыми.

ΠšΠ»Π°ΡΡΡ‹ стилСй

ΠŸΡ€ΠΈ создании HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² часто Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ выдСлСния Π±Π»ΠΎΠΊΠΎΠ² ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, подчСркивая ΠΈΡ… ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Π»ΠΈΠ±ΠΎ Π»ΠΎΠ³ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ. Π‘Ρ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½Ρ‹ΠΉ HTML содСрТит Ρ‚Π΅Π³ΠΈ логичСской Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‚Π΅Π³ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для выдСлСния Π΄Π»ΠΈΠ½Π½Ρ‹Ρ… Ρ†ΠΈΡ‚Π°Ρ‚). CSS позволяСт Π°Π²Ρ‚ΠΎΡ€Ρƒ самому ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ Π»ΠΎΠ³ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ ΠΊΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡŽ ΠΈ ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ Π΅Π΅ внСшний Π²ΠΈΠ΄.

Для Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ сСлСктор класса CLASS.

ΠšΠ°ΡΠΊΠ°Π΄Π½Ρ‹Π΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй

Одной ΠΈΠ· основных особСнностСй Ρ‚Π°Π±Π»ΠΈΡ† стилСй являСтся ΠΊΠ°ΡΠΊΠ°Π΄Π½ΠΎΡΡ‚ΡŒ, которая ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° стилСй ΠΈΠ΄Π΅Ρ‚ с использованиСм ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌΠ° каскадирования. Для ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΌΠΎΠ³ΡƒΡ‚ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒΡΡ Ρ€Π°Π·Π½Ρ‹Π΅ Π½Π°Π±ΠΎΡ€Ρ‹ ΠΏΡ€Π°Π²ΠΈΠ». Один Π½Π°Π±ΠΎΡ€ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΌΠΎΠ³ΡƒΡ‚ Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒΡΡ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ. Помимо этого, ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ содСрТит Π½Π°Π±ΠΎΡ€ ΠΏΡ€Π°Π²ΠΈΠ», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ (Ссли свойство явно Π½Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ΠΎ). БрСдствами каскадирования ΡΠΎΠ±ΠΈΡ€Π°ΡŽΡ‚ΡΡ ΠΈ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΡŽΡ‚ΡΡ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΡ€Π°Π²ΠΈΠ»Π°, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ°ΡŽΡ‚ΡΡ Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡŽΡ‰ΠΈΠ΅ ΠΏΡ€ΠΈ этом ΠΊΠΎΠ½Ρ„Π»ΠΈΠΊΡ‚Ρ‹.

Бвойство каскадности тСсно связано со способом ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ стилСй ΠΊ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρƒ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ 3 способами: inline-описаниСм, описаниСм Π² сСкции Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΈ использованиСм внСшнСго Ρ„Π°ΠΉΠ»Π°.

Π‘Π°ΠΌΡ‹ΠΌ простым являСтся inline-описаниС ΠΈΠ»ΠΈ описаниС, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ встроСно Π² Ρ‚Π΅Π³. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° STYLE ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡŽΡ‚ΡΡ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ стилСвыС ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π² любом Ρ‚Π΅Π³Π΅. ΠžΡΠ½ΠΎΠ²Π½Ρ‹ΠΌ нСдостатком Π΄Π°Π½Π½ΠΎΠ³ΠΎ способа являСтся дСйствиС опрСдСлСния стиля Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² ΠΏΡ€Π΅Π΄Π΅Π»Π°Ρ… ΠΎΠ΄Π½ΠΎΠ³ΠΎ Ρ‚Π΅Π³Π°.

Намного ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅ Π·Π°Ρ€Π°Π½Π΅Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ всС стили оформлСния ΠΈ Π² дальнСйшСм ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΈΡ… ΠΊ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌ Ρ‚Π΅Π³Π°ΠΌ, Ρ‚.Π΅. ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ способ описания стилСй Π² сСкции Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°. Π’Π°Π±Π»ΠΈΡ†Π° стилСй, ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Π°Ρ ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, дСйствуСт Π½Π° вСсь HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚.

Π’ Π΄Π°Π½Π½ΠΎΠΌ случаС Ρ‚Π°Π±Π»ΠΈΡ†Π° Π±ΡƒΠ΄Π΅Ρ‚ Π΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° всС Ρ„Π°ΠΉΠ»Ρ‹, содСрТащиС Ρ‚Π°ΠΊΠΎΠ΅ описаниС. ΠŸΡ€ΠΈ нСобходимости измСнСния внСшнСго Π²ΠΈΠ΄Π° Π³Ρ€ΡƒΠΏΠΏΡ‹ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΡ‚ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ стилСвой Ρ„Π°ΠΉΠ».

На ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ приходится ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ всС Ρ‚Ρ€ΠΈ способа, ΠΈ здСсь Π½Π°Ρ‡ΠΈΠ½Π°Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΊΠ°ΡΠΊΠ°Π΄Π½ΠΎΡΡ‚ΡŒ стилСй, которая позволяСт ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ стили. ΠŸΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ Π²Ρ‹ΡˆΠ΅ список способов ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Ρ‚Π°Π±Π»ΠΈΡ† стилСй соотвСтствуСт порядку пСрСопрСдСлСния: Π²Ρ‹ΡˆΠ΅Ρ€Π°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΉ способ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ ниТСрасполоТСнный.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

ДинамичСский HTML

Π”ΠΎ этого язык JavaScript рассматривался Π² чистом Π²ΠΈΠ΄Π΅. ΠŸΡ€Π°Π²Π΄Π°, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ элСмСнты, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΎΠΊΠ½Π° сообщСний, Π½Π΅ ΠΏΡ€ΠΈΠ½Π°Π΄Π»Π΅ΠΆΠ°Ρ‚ ΠΎΠ΄Π½ΠΎΠΌΡƒ этому языку, Π½ΠΎ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±ΠΎΠΉΡ‚ΠΈΡΡŒ Π±Π΅Π· Π²Π²ΠΎΠ΄Π° ΠΈ Π²Ρ‹Π²ΠΎΠ΄Π° ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ. Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ шаг Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² объСдинСнии JavaScript с HTML с тСхнологиями, прСдоставляСмыми Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ, для создания смСшанной Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ динамичСского HTML (DHTML).

Π’ Π΄Π°Π½Π½ΠΎΠΉ Π³Π»Π°Π²Π΅ рассматриваСтся:

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ динамичСский HTML

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅ Π§Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°ΡΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ совмСстимости DHTML с Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ (здСсь Ρ€Π΅Ρ‡ΡŒ ΠΈΠ΄Π΅Ρ‚ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎ различиях ΠΌΠ΅ΠΆΠ΄Ρƒ Netscape Navigator ΠΈ Internet Explorer, Π½ΠΎ ΠΈ ΠΎ Ρ€Π°Π·Π½Ρ‹Ρ… вСрсиях), ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Π»ΠΎΡΡŒ Π±Ρ‹ Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π΅Ρ‰Π΅ нСсколько ΠΊΠ½ΠΈΠ³. Π˜Π·Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΉ здСсь ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» касаСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ взаимодСйствия JavaScript с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ тСхнологиями DHTML. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹, насколько это Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, подходят для всСх Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ². Π‘ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с тСхнологиями DHTML Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… страницах, посвящСнных Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌ Internet Explorer ΠΈ Netscape Navigator: http://msdn.microsoft.com/workshop ΠΈ http://developer.netscape.com.

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ функционирования DHTML

DHTML Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя:

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅ Π’ настоящСй ΠΊΠ½ΠΈΠ³Π΅ динамичСскиС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Π½Π΅ Ρ€Π°ΡΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽΡ‚ΡΡ.

РСкомСндация МногиС ΠΈΠ· вас, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π·Π½Π°ΠΊΠΎΠΌΡ‹ с этими тСхнологиями. Π’ Ρ‚Π°ΠΊΠΎΠΌ случаС ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»ΠΈΠ±ΠΎ ΠΏΡ€ΠΎΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ, Π»ΠΈΠ±ΠΎ Π±Π΅Π³Π»ΠΎ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ эту Π³Π»Π°Π²Ρƒ.

ΠžΠ±ΡŠΠ΅ΠΊΡ‚Π½ΠΎ-ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ΅ прСдставлСниС элСмСнтов страницы

Π›ΡŽΠ±ΠΎΠΉ элСмСнт страницы (Ρ€Π°Π·Π΄Π΅Π» ΠΈΠ»ΠΈ сСкция, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, ΠΏΠ°Ρ€Π°Π³Ρ€Π°Ρ„, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, список, Ρ„ΠΎΡ€ΠΌΠ° ΠΈ Ρ‚.ΠΏ.) считаСтся ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠΌ.

КаТдой гипСрссылкС, Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΡƒ ΠΈΠ»ΠΈ тСкстовому ΠΏΠ°Ρ€Π°Π³Ρ€Π°Ρ„Ρƒ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΡΠ²ΠΎΠΈΡ‚ΡŒ имя, Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ стиля ΠΈΠ»ΠΈ Ρ†Π²Π΅Ρ‚Π° тСкста ΠΈ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ это имя Π² сцСнарии, ΠΈΠΌΠ΅ΡŽΡ‰Π΅ΠΌΡΡ Π½Π° Π΄Π°Π½Π½ΠΎΠΉ страницС. Π‘Ρ†Π΅Π½Π°Ρ€ΠΈΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ написан Π½Π° любом ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΌ языкС программирования (Π² Ρ‚ΠΎΠΌ числС ΠΈ Π½Π° VBScript), Π½ΠΎ здСсь подразумСваСтся использованиС языка JavaScript. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ страницы впослСдствии ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ события, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора ΠΌΡ‹ΡˆΠΈ, ΠΏΡ€ΠΈ Ρ‰Π΅Π»Ρ‡ΠΊΠ΅, Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ клавиши Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Π΅ Π»ΠΈΠ±ΠΎ послС истСчСния Π·Π°Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΊΠ° Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. Π˜Π·ΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡΡ‚ΠΈΠ»ΡŒ ΠΈ Ρ†Π²Π΅Ρ‚ тСкста, Π½ΠΎ ΠΈ вСсь ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ ΠΊΠΎΠ΄ HTML, тСкст ΠΈΠ»ΠΈ рисунок.

Π’Π°Π±Π»ΠΈΡ†Ρ‹ стилСй ΠΈ Ρ€Π°Π·Π±ΠΈΠ΅Π½ΠΈΠ΅ Π½Π° слои

Π’Π°Π±Π»ΠΈΡ†Ρ‹ стилСй (Style sheets) ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для описания примСняСмого ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ стиля всСго Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΈΠ»ΠΈ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ Π΅Π³ΠΎ части. Π­Ρ‚ΠΎ касаСтся Ρ‚Π°ΠΊΠΈΡ… ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ², ΠΊΠ°ΠΊ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ страницы, Ρ‚ΠΈΠΏ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° для элСмСнтов тСкста.

По ΠΌΠ΅Ρ€Π΅ создания Web-страницы Π² Ρ‚Π°Π±Π»ΠΈΡ†Π΅ стилСй ΠΏΠΎΠΌΠΈΠΌΠΎ ΠΏΡ€ΠΎΡ‡Π΅Π³ΠΎ указываСтся Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΈΠ»ΠΈ ΠΈΠΌΠ΅ΡŽΡ‰Π΅Π΅ΡΡ Π½Π° страницС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ρ†Π²Π΅Ρ‚ гипСрссылок ΠΈ Ρ‚.ΠΏ. Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Ρ… Ρ‚Π°Π±Π»ΠΈΡ† ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ³Π»Π°ΡΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ Π³Ρ€ΡƒΠΏΠΏΡ‹ страниц ΠΈΠ»ΠΈ всСх страниц Π½Π° Web-сайтС, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ΄Π½Ρƒ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ стилСй ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ ΠΊΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠΌ ΠΈΠ»ΠΈ всСм Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°ΠΌ, ΠΎΠ±Ρ€Π°Π·ΡƒΡŽΡ‰ΠΈΠΌ сайт.

Π’Π°Π±Π»ΠΈΡ†Ρ‹ стилСй ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Ρ‚Π°ΠΊΠΆΠ΅ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·Π½ΠΎΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ содСрТимоС Web-страницы с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… слоСв (Layers). ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· этих слоСв содСрТит ΡΠΎΠ±ΡΡ‚Π²Π΅Π½Π½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π² Π²ΠΈΠ΄Π΅ тСкста ΠΈΠ»ΠΈ изобраТСния. Они ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ слои ΠΈΠ»ΠΈ Π½Π°ΠΊΠ»Π°Π΄Ρ‹Π²Π°Ρ‚ΡŒΡΡ ΠΏΠΎΠ²Π΅Ρ€Ρ… ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ. Π‘Π»ΠΎΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΡΠ²Π»ΡΡ‚ΡŒΡΡ Π½Π° страницС Π² Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ дСйствий ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, наТатия клавиши) ΠΈΠ»ΠΈ ΠΊΠ°ΠΊ Ρ‡Π°ΡΡ‚ΡŒ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ.

Π‘Ρ†Π΅Π½Π°Ρ€ΠΈΠΈ

Π‘Ρ†Π΅Π½Π°Ρ€ΠΈΠΈ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ‚Ρ€Π΅Ρ‚ΡŒΠ΅ΠΉ ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰Π΅ΠΉ DHTML, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ, собствСнно, ΠΈ посвящСна эта ΠΊΠ½ΠΈΠ³Π°. Π‘Ρ†Π΅Π½Π°Ρ€ΠΈΠΈ сСйчас ΡΠΎΠ·Π΄Π°ΡŽΡ‚ΡΡ повсСмСстно ΠΈ Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌΠ°Ρ… (JavaScript, VBScript, Java-Π°ΠΏΠΏΠ»Π΅Ρ‚Ρ‹, ΡƒΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ элСмСнты ActiveX ΠΈ Ρ‚.Π΄.), Π½ΠΎ возмоТности программирования, прСдоставляСмыС DHTML, относятся ΠΊ Π±ΠΎΠ»Π΅Π΅ высокому ΡƒΡ€ΠΎΠ²Π½ΡŽ. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΈΡ…, ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒΡΡ ΠΊ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Ρƒ элСмСнтов страницы ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ простого сцСнария.

Различия ΠΌΠ΅ΠΆΠ΄Ρƒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ

ΠΠ°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΠ΅ Web-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ часто Π·Π°Π΄Π°ΡŽΡ‚ΡΡ вопросом, ΠΏΠΎΡ‡Π΅ΠΌΡƒ Netscape Navigator ΠΈ Microsoft Internet Explorer Ρ‚Π°ΠΊ сильно Ρ€Π°Π·Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ΡŒ Π½Π° Π½Π΅Π³ΠΎ, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π²ΡΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ ΠΈΡΡ‚ΠΎΡ€ΠΈΡŽ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² ΠΈ ΠΈΡ… ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»Π΅ΠΉ. Как ΠΈ Π² случаС Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ любой Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹, ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² шСл своим ΠΏΡƒΡ‚Π΅ΠΌ. Π’ΠΎΠ·ΡŒΠΌΠΈΡ‚Π΅, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π΄Π²Π° Π»ΡŽΠ±Ρ‹Ρ… тСкстовых Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°. Π£ Π½ΠΈΡ… Ρ‚ΠΎΠΆΠ΅ всС Ρ€Π°Π·Π½ΠΎΠ΅: интСрфСйс ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»ΠΎΠ², ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹. Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΏΡ€ΠΈΠ²Ρ‹ΠΊΠ°Π΅Ρ‚ ΠΊ ΠΎΠ΄Π½ΠΎΠΌΡƒ тСкстовому Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρƒ ΠΈ Π½Π΅ Ρ…ΠΎΡ‡Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ. Если Π±Ρ‹ всС тСкстовыС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ Π±Ρ‹Π»ΠΈ ΡƒΠ½ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹, ΠΎΠ½ΠΈ Π±Ρ‹ ΠΎΡ‚Π»ΠΈΡ‡Π°Π»ΠΈΡΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ своими Π½Π΅Π΄ΠΎΡ€Π°Π±ΠΎΡ‚ΠΊΠ°ΠΌΠΈ.

ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²ΡŒΡ‚Π΅, Ρ‡Ρ‚ΠΎ сущСствуСт нСсколько Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ‚Π΅Π»Π΅Π²ΠΈΠ·ΠΈΠΎΠ½Π½Ρ‹Ρ… стандартов ΠΈ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°ΠΊΡƒΡŽ-Π»ΠΈΠ±ΠΎ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ ΠΌΠΎΠΆΠ½ΠΎ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌΡƒ Ρ‚Π΅Π»Π΅Π²ΠΈΠ·ΠΎΡ€Ρƒ. Как Π±Ρ‹ Π²Ρ‹ ΠΊ этому ΠΎΡ‚Π½Π΅ΡΠ»ΠΈΡΡŒ? Π‘Ρ‚Π°Π»ΠΈ Π±Ρ‹ Π²Ρ‹ ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚ΡŒ Ρ‚Ρ€ΠΈ ΠΈΠ»ΠΈ Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ Ρ‚Π΅Π»Π΅Π²ΠΈΠ·ΠΎΡ€Π°, ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… всСм этим стандартам? ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π½Π΅Ρ‚. ΠŸΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚ΠΎ ΠΆΠ΅ самоС происходит ΠΈ Π² сСти. И ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ, ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ устали ΠΏΡ€Π΅ΠΎΠ΄ΠΎΠ»Π΅Π²Π°Ρ‚ΡŒ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°ΡŽΡ‰Π΅Π΅ΡΡ с ΠΊΠ°ΠΆΠ΄Ρ‹ΠΌ Π΄Π½Π΅ΠΌ расстояниС ΠΌΠ΅ΠΆΠ΄Ρƒ двумя Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ.

К ΡΡ‡Π°ΡΡ‚ΡŒΡŽ, сСйчас эта ΠΏΡ€ΠΎΠΏΠ°ΡΡ‚ΡŒ постСпСнно исчСзаСт, Π½ΠΎ ΠΏΡ€ΠΎΠΉΠ΄ΡƒΡ‚ Π³ΠΎΠ΄Ρ‹, ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Ρ€Π°Π·Ρ€Ρ‹Π² Π² тСхнологиях ΠΈ стандартах ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ сойдСт Π½Π° Π½Π΅Ρ‚.

А ΠΏΠΎΠΊΠ° Π²Π°ΠΌ придСтся ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒΡΡ с Ρ‚Π΅ΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΅Ρ‰Π΅ Π½Π΅ обзавСлись послСдними вСрсиями Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ².

Π§Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ DHTML

ВозмоТности DHTML ΠΏΠΎΡ‡Ρ‚ΠΈ Π±Π΅Π·Π³Ρ€Π°Π½ΠΈΡ‡Π½Ρ‹. Web-страницы Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ большС ΠΏΠΎΡ…ΠΎΠΆΠΈ Π½Π° ΠΌΠΈΠ½ΠΈ-прилоТСния, Ρ‡Π΅ΠΌ Π½Π° статичныС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹. Если Π²Π°ΠΌ доводилось ΠΏΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎ сСти, Ρ‚ΠΎ Π²Ρ‹ ΡƒΠΆΠ΅ Π²ΡΡ‚Ρ€Π΅Ρ‡Π°Π»ΠΈΡΡŒ с самыми Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°ΠΌΠΈ использования DHTML. Показ слайдов, Web-сайты с опрСдСляСмым ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ интСрфСйсом, ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ анимация, ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ΅ прСдставлСниС тСкста Π½Π° экранС, ΠΈΠ³Ρ€Ρ‹, Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Ρ„ΠΎΡ€ΠΌ, ΠΊΠ°Π»ΡŒΠΊΡƒΠ»ΡΡ‚ΠΎΡ€Ρ‹ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅, ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.

Π’ послСдних Π³Π»Π°Π²Π°Ρ… ΠΊΠ½ΠΈΠ³ΠΈ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ языком JavaScript для Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ распространСнных Π·Π°Π΄Π°Ρ‡.

РСкомСндация ΠŸΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°ΠΉΡ‚Π΅ ΡΡ‚Ρ€Π°Π½ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎ Internet Π² поисках Π½ΠΎΠ²Ρ‹Ρ… Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ. ΠŸΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅ свои Π»ΡŽΠ±ΠΈΠΌΡ‹Π΅ сайты ΠΈ ΠΏΠΎΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΡƒΠΉΡ‚Π΅ΡΡŒ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π»ΠΈ Π½Π° Π½ΠΈΡ… DHTML, ΠžΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ нравится большС всСго ΠΈ Ρ‡Ρ‚ΠΎ Π±Ρ‹ Π²Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΈ ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚ΡŒ Π½Π° своСй страницС.

Для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с DHTML JavaScript Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ взаимодСйствиС с двумя ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌΠΈ тСхнологиями. Π­Ρ‚ΠΎ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π½Π°Ρ модСль Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈ Ρ‚Π°Π±Π»ΠΈΡ†Π° стилСй (ΡΠ²Π»ΡΡŽΡ‰Π°ΡΡΡ Ρ‡Π°ΡΡ‚ΡŒΡŽ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π½ΠΎΠΉ ΠΌΠΎΠ΄Π΅Π»ΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°). ΠžΠ±ΡŠΠ΅ΠΊΡ‚Π½Π°Ρ модСль ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΠΈΡ€ΡƒΠ΅Ρ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½Ρ‹ΠΉ Π² Π½Π΅Π³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, Π° Ρ‚Π°Π±Π»ΠΈΡ†Π° стилСй управляСт Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΈ располоТСниСм элСмСнтов страницы.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

ДинамичСский HTML ΠΈ ΠžΠ±ΡŠΠ΅ΠΊΡ‚Π½Π°Ρ МодСль Π”ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΉ доступ ΠΊ элСмСнтам

HTML-тэг элСмСнта опрСдСляСт Ρ‚ΠΈΠΏ сопоставлСнного Π΅ΠΌΡƒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°. ΠžΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ экзСмпляры ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΏΠΎ ΠΈΡ… ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΌΡƒ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€Ρƒ (Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρƒ/свойству id ), ΠΈΠΌΠ΅Π½ΠΈ (Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρƒ/свойству name ) ΠΈΠ»ΠΈ полоТСнию Π² Π΄Π΅Ρ€Π΅Π²Π΅ элСмСнтов DOM ΠΌΠΎΠ΄Π΅Π»ΠΈ. ΠšΡ€ΠΎΠΌΠ΅ этого Π΅ΡΡ‚ΡŒ ряд Π²Π°ΠΆΠ½Π΅ΠΉΡˆΠΈΡ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ собствСнных тэгов. Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΈΠ΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΊΠ°ΠΊ window (ΠΎΠΊΠ½ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°), document (HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½Ρ‹ΠΉ Π² ΠΎΠΊΠ½ΠΎ ΠΈΠ»ΠΈ Ρ„Ρ€Π΅ΠΉΠΌ), event (событиС).

ΠžΠ±ΡŠΠ΅ΠΊΡ‚ window

МногиС свойства ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π° window сами ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ. Рассмотрим ваТнСйшиС ΠΈΠ· Π½ΠΈΡ….

ΠžΠ±ΡŠΠ΅ΠΊΡ‚ navigator

ΠžΠ±ΡŠΠ΅ΠΊΡ‚ navigator содСрТит ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅. ВсС Π΅Π³ΠΎ свойства доступны Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΠΎ Ρ‡Ρ‚Π΅Π½ΠΈΡŽ ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ опрСдСлСния свойств ΠΈ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ², доступных Π² Ρ‚ΠΎΠΌ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅.

ΠžΠ±ΡŠΠ΅ΠΊΡ‚ location

Бвойство href являСтся свойством ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. Π”Π²Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ инструкции ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ‡Π½Ρ‹.

ΠŸΡ€ΠΈΡΠ²ΠΎΠ΅Π½ΠΈΠ΅ значСния ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρƒ location (ΠΊΠ°ΠΊ Π² ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅) Π½Π΅ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ Π·Π°Π΄Π°Π½Π½Ρ‹ΠΉ URL Π² Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌ ΠΎΠΊΠ½Π΅.

ΠžΠ±ΡŠΠ΅ΠΊΡ‚ history

ΠžΠ±ΡŠΠ΅ΠΊΡ‚ history (история) содСрТит ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎΠ± адрСсах, посСщСнных ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ с ΠΌΠΎΠΌΠ΅Π½Ρ‚Π° открытия Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Из сообраТСний бСзопасности Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ адрСса нСдоступны, ΠΈΠΌΠ΅ΡŽΡ‚ΡΡ лишь Ρ‚Ρ€ΠΈ ΠΌΠ΅Ρ‚ΠΎΠ΄Π° для пСрСмСщСния ΠΏΠΎ индСксу Π½Π° страницу ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ.

ΠžΠ±ΡŠΠ΅ΠΊΡ‚ screen

ΠžΠ±ΡŠΠ΅ΠΊΡ‚ screen содСрТит ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎ ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π΅: ΡˆΠΈΡ€ΠΈΠ½Π° ( width ), высота ( height ), Π³Π»ΡƒΠ±ΠΈΠ½Π° Ρ†Π²Π΅Ρ‚Π° ( colorDepth ), выраТСнная ΠΊΠ°ΠΊ число Π±ΠΈΡ‚ Π½Π° пиксСль, ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅. Если Ρƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ нСсколько ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€ΠΎΠ², ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π΄Π°Π½Π½Ρ‹Π΅ Ρ‚ΠΎΠ³ΠΎ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ (ΠΈΠ»ΠΈ Π΅Π³ΠΎ большая Ρ‡Π°ΡΡ‚ΡŒ).

ΠšΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡ frames

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *