JavaScript не имеет никакого встроенного печати или отображения функций.
JavaScript Показать возможности
JavaScript может "Дисплей" данные по-разному:
- Запись в окно предупреждения, используя window.alert() .
- Запись в выходной HTML с помощью document.write() .
- Запись в HTML элемент, используя innerHTML .
- Запись в консоли браузера, используя console.log() .
Использование window.alert()
Вы можете использовать окно предупреждения для отображения данных:
пример
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
Попробуй сам " Использование document.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>
Попробуй сам " Использование document.write() после того, как HTML - документ полностью загружен, будут удалены все существующие HTML:
пример
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<button onclick="document.write(5 + 6)">Try it</button>
</body>
</html>
Попробуй сам " document.write() метод должен использоваться только для тестирования.
Использование 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>
Попробуй сам " Для того, чтобы "Отображение данных" в HTML, (в большинстве случаев) , вы установите значение в innerHTML собственности.
Использование console.log()
В вашем браузере, вы можете использовать console.log() метод для отображения данных.
Активируйте консоль браузера с F12, и выберите "Консоль" в меню.
пример
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>
Попробуй сам "