русс | укр

Мови програмуванняВідео уроки php mysqlПаскальСіАсемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование


Linux Unix Алгоритмічні мови Архітектура мікроконтролерів Введення в розробку розподілених інформаційних систем Дискретна математика Інформаційне обслуговування користувачів Інформація та моделювання в управлінні виробництвом Комп'ютерна графіка Лекції


Шановні українці! Матеріал був перекладений з російської мови. Тому можуть бути незначні помикли...

Вбудовування JavaScript, HTML - документ

Існує кілька способів включення фрагментів програми (кодів) на JavaScript, HTML документ:

  • включення кодів JavaScript між тегами <SCRIPT> і </SCRIPT>;
  • підключення зовнішнього файлу з кодами JavaScript за допомогою тега <SCRIPT>;
  • використання кодів JavaScript у тегах HTML при завданні обробники подій;
  • використання псевдопротокола javascript:URL в тегах HTML.

Зараз розглянемо перші два способи вбудовування JavaScript, HTML-документ. З іншими познайомимося з вивчення мови.

1. Включення JavaScript між тегами <SCRIPT> </SCRIPT>

Для включення фрагментів програми на JavaScript або іншому скрипті (оголошень змінних, описів функцій, операторів, викликів функцій та ін.) зазвичай використовується пследующий шаблон:

SCRIPT TYPE="text/javascript" >
<!-- Маскування сценарію
.   .   .
Фрагменти сценарії JavaScript
.   .   .
// -->
</SCRIPT>

Параметр TYPE задає скрипт (мова програмування), який використовується тегу-контейнері <SCRIPT>. Крім цього, згідно з рекомендаціями організації W3C з допомогою тега <META> повинен бути заданий скрипт, який приймається браузером за замовчуванням. Тому, якщо при розробці сценарію використовується мова JavaScript, то параметр LANGUAGE можна не вказувати.
Використання HTML-коментарю (<!-- -->) в шаблоні призначено для маскування JavaScript-сценарію для тих браузерів, які не підтримують його (версії Netscape Navigator до 2.0 і Microsoft Internet Explorer 3.0). Інакше Web-сторінка буде відтворена неправильно. При цьому теги <SCRIPT> </SCRIPT> цими браузерами будуть пропущені, оскільки браузери ігнорують теги, які не можуть розпізнати.
Браузери, які дозволяють інтерпретувати JavaScript, HTML- коментар розпізнають інакше: його початок (<!--) вважається однострочным коментарем, а закінчення (-->) ігнорується.
браузерів, які не підтримують JavaScript і інші скрипти, можна скористатися тегом-контейнером <NOSCRIPT> </NOSCRIPT> для того, щоб повідомити про це користувача:

NOSCRIPT>
<B> Ця Web-сторінка містить фрагменти JavaScript. Використовуйте браузер, що підтримує цю мову. </B>
</NOSCRIPT>

Хоча ці браузери зараз практично не використовується, тим не менш рекомендується використовувати при роботі зі сценаріями на JavaScript запропонований шаблон вбудовування програм. У прикладі №1 реалізований саме цей підхід. Хоча надалі в цілях більш компактного викладу ппрограмм на JavaScript буде використовуватися скорочений варіант

<SCRIPT>
.   .   .
Фрагменти сценарії JavaScript
.   .   .
</SCRIPT>

2. Підключення зовнішнього файлу з JavaScript

Для підключення зовнішнього файлу з JavaScript-кодами використовуються ті ж самі теги <SCRIPT> </SCRIPT>, але на відміну від внутрішнього вбудовування тег <SCRIPT> містить параметр SRC, який задає URL-адреса зовнішнього файлу пс фрагментами JavaScript.

Зазначимо, що у разі використання параметра SRC в тегу <SCRIPT> закриваючий тег </SCRIPT> необхідний, хоча дані, які знаходяться між цими тегами ігноруються. Тобто не можна поєднати в одному елементі-контейнері <SCRIPT> </SCRIPT> відразу і внутрішнє і зовнішнє підключення кодів JavaScript.

Переглядів: 4723

Повернутися взміст


Онлайн система числення Калькулятор онлайн звичайний Науковий калькулятор онлайн