Опубликован: 25.10.2006 | Доступ: свободный | Студентов: 22132 / 9135 | Оценка: 4.30 / 4.02 | Длительность: 08:22:00
Лекция 9:

Дополнительные возможности HTML

Сценарии в HTML

Сценарии на страницах HTML позволяют сделать их более динамичными и интерактивными.

<html>
<body>

<script type="text/javascript">
document.write("<h1>Всем привет!</h1>")
</script> 

</body>
</html>

Пример выполнения данного HTML-кода

Этот пример показывает, как использовать сценарий в документе HTML.

Работа с браузерами, не поддерживающими сценарии

<html>
<body>

<script type="text/javascript">
<!--
document.write("Если этот текст виден, то браузер поддерживает сценарии!")
//-->
</script>

<noscript>Нет поддержки JavaScript!</noscript>

<p>
Браузер без поддержки JavaScript выведет текст из элемента noscript.
</p>
 
</body>
</html>

Пример выполнения данного HTML-кода

Этот пример показывает, как работать с браузерами, которые не поддерживают сценарии.

Добавление сценария на страницу HTML

Сценарий в HTML определяют с помощью тега <script>. Обратите внимание, что для определения языка сценария необходимо использовать атрибут type.

<html>
<head>
</head>
<body>

<script type="text/javascript">
document.write("Всем привет!")
</script>

</body>
</html>

Пример выполнения данного HTML-кода

Этот сценарий создаст следующий вывод:

Всем привет!

Примечание: Чтобы узнать больше о сценариях в HTML, почитайте соответствующий учебник по JavaScript.

Как работать со старыми браузерами

Браузер, который вообще не распознает тег <script>, будет выводить содержимое тега <script> в виде текста на странице. Чтобы браузер этого не делал, необходимо спрятать сценарий в тегах комментария. Старый браузер (который не распознает тег <script> ) проигнорирует комментарий и не будет выводить содержимое тега на странице, в то время как более новые браузеры поймут, что скрипт необходимо выполнить, даже если он окружен тегами комментария.

JavaScript:

<script type="text/javascript">
<!--
document.write("Всем привет!")
//-->
</script>

VBScript:

<script type="text/vbscript">
<!--
document.write("Всем привет!")
'-->
</script>

Тег <noscript>

Кроме скрытия сценария внутри комментария можно добавить также тег <noscript>.

Тег <noscript> используется для определения заменяющего текста, если сценарий НЕ выполняется. Этот тег используется для браузеров, которые распознают тег <script>, но не поддерживают расположенный внутри сценарий, поэтому эти браузеры будут выводить вместо этого текст внутри тега <noscript>. Однако, если браузер поддерживает сценарий внутри тега <script>, то он проигнорирует тег <noscript>.

JavaScript:

<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
<noscript>Ваш браузер не поддерживает JavaScript!</noscript>

VBScript:

<script type="text/vbscript">
<!--
document.write("Hello World!")
'-->
</script>
<noscript>Ваш браузер не поддерживает VBScript!</noscript>
Теги сценариев
Тег Описание
<script> Определяет сценарий
<noscript> Определяет заменяющий текст, если сценарий не выполняется
<object> Определяет встроенный объект
<param> Определяет для объекта настройки времени выполнения (параметры)
<applet> Не рекомендуется. Используйте вместо этого <object>
Дарья Федотова
Дарья Федотова
Мария Иванова
Мария Иванова
Анатолий Федоров
Анатолий Федоров
Россия, Москва, Московский государственный университет им. М. В. Ломоносова, 1989
Ольга Ремез
Ольга Ремез
Латвия, Рига