|
Пожалуйста, уточните, кто автор курса Основы работы с HTML ? |
Опубликован: 25.10.2006 | Доступ: свободный | Студентов: 24509 / 10756 | Оценка: 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>