JavaScript Выход
Возможности отображения JavaScript
JavaScript может "отображать" данные различными способами:
- Запись в HTML-элемент с помощью innerHTML.
- Запись в HTML-вывод с помощью document.write().
- Запись в окно оповещения с помощью window.alert().
- Запись в консоль браузера с помощью console.log().
Использование InnerHtml
Чтобы получить доступ к HTML-элементу, JavaScript может использовать метод Document. getElementById (ID) .
Атрибут ID определяет элемент HTML. Свойство InnerHtml определяет HTML-содержимое:
Пример
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
Изменение свойства InnerHtml элемента HTML является обычным способом отображения данных в формате HTML.
Использование документа. Write ()
Для целей тестирования удобно использовать Document. Write ():
Пример
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
При полной загрузке HTML-документа с помощью Document. Write () будет удален весь существующий HTML-код:
Пример
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<button type="button" onclick="document.write(5 + 6)">Try it</button>
</body>
</html>
Метод Document. Write () должен использоваться только для тестирования.
Использование окна. Alert ()
Для отображения данных можно использовать окно оповещения:
Пример
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
Использование консоли. log ()
Для целей отладки можно использовать метод Console. log () для отображения данных.
Подробнее об отладке можно узнать в более поздней главе.
Пример
<!DOCTYPE html>
<html>
<body>
<script>
console.log(5 + 6);
</script>
</body>
</html>