English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
JavaScript придает HTML-страницам больше динамичности и интерактивности; с помощью JavaScript можно реализовать некоторые веб-эффекты.
Вставка скрипта
Как вставить скрипт в HTML-документ.
Использование тега <noscript>.
Как реагировать на браузеры, которые не поддерживают или отключают скрипты.
Тег <script> используется для определения клиентских скриптов, таких как JavaScript.
Элемент <script> может содержать скриптовые строки или ссылаться на внешние скриптовые файлы через атрибут src.
JavaScript наиболее часто используется для работы с изображениями, проверки форм и динамического обновления содержимого.
Ниже приведен скрипт, который будет выводить "Hello World!" в браузер:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Основной учебник (oldtoolbag.com)</title>
</head>
<body>
<script>
document.write("Hello World!")
</script>
</body>
</html>Проверьте, посмотрите ›/›Тег <noscript> предоставляет альтернативное содержимое, когда скрипты не могут быть использованы, например, когда скрипты отключены в браузере или браузер не поддерживает клиентские скрипты.
Элемент <noscript> может содержать все элементы, которые можно найти в теле обычной HTML-страницы.
В браузерах, которые не поддерживают скрипты или где скрипты отключены, будет отображаться содержимое элемента <noscript>:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Основной учебник (oldtoolbag.com)</title>
</head>
<body>
<script>
document.write("Hello World!")
</script>
<noscript>Извините, ваш браузер не поддерживает JavaScript!</noscript>
<p>Браузеры, не поддерживающие JavaScript, будут использовать содержимое (текст) элемента <noscript> в качестве замены.</p>
</body>
</html>Проверьте, посмотрите ›/›Пример кода JavaScript:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Основной учебник (oldtoolbag.com)</title>
</head>
<body>
<p>
JavaScript может напрямую写入 HTML поток вывода с помощью document.write:
</p>
<script>
document.write("<h1>Это заголовок H1</h1>");
document.write("<p>Это абзац P.</p>");
</script>
<p>
Вы можете использовать <strong>document.write</strong> только в HTML потоке вывода.
Если вы используете его после загрузки документа (например, в функции), он будет перекрывать весь документ.
</p>
</body>
</html>Проверьте, посмотрите ›/›<html>
<head>
<meta charset="utf-8">
<title>Основной учебник (oldtoolbag.com)</title>
</head>
<body>
<h1>Мой первый JavaScript скрипт</h1>
<p id="demo">
JavaScript может инициировать события, как нажатие кнопки.</p>
<script>
function test_js()
{
document.getElementById("demo").innerHTML="Hello JavaScript(oldtoolbag.com)!";
}
</script>
<button type="button" onclick="test_js()">Нажми меня</button>
</body>
</html>Проверьте, посмотрите ›/›<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Основной учебник (oldtoolbag.com)</title>
</head>
<body>
<h1>Мой первый JavaScript</h1>
<p id="demo">
JavaScript может изменить стиль элемента HTML (oldtoolbag.com).
</p>
<script>
function test_js()
{
x=document.getElementById("demo") // Найти элемент
x.style.color="#ff3300"; // Изменить стиль
}
</script>
<button type="button" onclick="test_js()">Нажмите здесь</button>
</body>
</html>Проверьте, посмотрите ›/›| Тег | Описание |
| <script> | Определяет клиентские скрипты |
| <noscript> | Определяет текст, выводимый браузерами, которые не поддерживают скрипты |