Js dhtml введення

Незалежно від того, досвідчений ви веб-майстер, або тільки що прочитали підручник по HTML, ви знаєте, що за допомогою HTML можна створювати тільки статичні сторінки. Для багатьох випадків це підходить якнайкраще. Але часто деяка активність, або динаміка, тільки поліпшить вашу сторінку.

Такі речі, як, наприклад, календарик, який відкривається при натисканні мишкою, або панель навігації, яку завжди видно, як би далеко ви не прокрутили сторінку - як часто ви зустрічаєте подібні доповнення на сайтах? А іноді і просто біжить рядок з новинами, або, наприклад, меню у вигляді списку, або красивий шлейф за курсором мишки. Зручно, а іноді і просто красиво, але ж?

Все це динамічний HTML (або, скорочено, DHTML).

Перше властивість - виконання на клієнтському комп'ютері. Якщо ви знаєте, як взагалі працює весь цей інтернет, то вам повинно бути відомо, що веб-сторінки, які відображає браузер, створюються (або просто зберігаються) на іншому комп'ютері, званому сервером. Браузер надсилає запит на сервер і отримує у відповідь HTML-код сторінки. В цьому випадку браузер називається клієнтом.

Головне - розуміти, що після того, як сторінка віддана браузеру, сервер вже не може змінити її вміст.

Тому однією з вимог до якісних скриптів є обов'язкова працездатність як мінімум в FireFox і Internet Explorer.

Всі приклади скриптів, які ви знайдете в цьому підручнику, будуть відповідати цій вимозі.

І, наостанок, розгадка дивного назви.

Приклади прості і складні.

Незважаючи на те, що мова JS найчастіше використовується для невеликих вставок в сторінки, це мова досить потужний. Він практично не поступається вже згаданому мови Java. Так, наприклад, на цій мові можна створювати (звичайно, не без участі браузера) програми, мало чим відрізняються від звичних, так званих десктопних.

Щоб не бути голослівним, я наведу приклади:

Крім наведених сайтів, можна було б назвати ще тисячі, які в тій чи іншій мірі використовують JS. Але, я думаю, варто додати до цих тисячам ще один - це буде ваш сайт.

За історично сформованою традицією вивчення будь-якої мови починають з так званого «HelloWorld» 'а, тобто програми, яка не робить нічого, крім виведення простого повідомлення. Я не буду відступати від цієї традиції.

Другий інструмент, без якого дуже складно обійтися, - це відладчик. Поки що я не зустрічав відладчика кращого, ніж FireBug. який поставляється як модуль до FireFox'у. Для затятих любителів Internet Explorer можна порекомендувати Microsoft Script Debugger. але на мій погляд він не такий зручний.

Тим же, хто вважає за краще Opera, Safary і ще більш екзотичні браузери, я, на жаль, нічого порадити не можу.

Тепер, коли ви озброєні і готові діяти, вам знадобиться веб-сторінка.

Досить буде простого каркаса, без вмісту. наприклад:

Якщо ви відкриєте її в браузері, то, як і слід було очікувати, нічого не побачите.

Але ми можемо вказати браузеру, що всередину цієї сторінки потрібно вивести текст.

Для цього до вихідного коду сторінки потрібно підключити скрипт.

Зробити це можна двома способами, і обидва ці способи використовують тег