Последние учебники веб-разработки
×

JS Руководство

JS ГЛАВНАЯ JS Введение JS Куда JS Вывод JS Синтаксис JS Заявления JS Комментарии JS переменные JS операторы JS арифметика JS присваивание JS Типы данных JS функции JS Объекты JS Объем JS Мероприятия JS Строки JS Методы струнных JS чисел JS Методы Number JS математический JS Даты JS Форматы даты JS Методы Дата JS Массивы JS Методы массивов JS Booleans JS Сравнения JS условия JS переключатель JS петля For JS В то время как Loop JS Ломать JS Тип преобразования JS RegExp JS ошибки JS отладка JS Подъемно JS Строгий режим JS Гид по стилю JS Лучшие практики JS Ошибки JS Представление JS Зарезервированные слова JS JSON

JS формы

Формы проверки Формы API

JS объект

Определения объектов Свойства объекта Методы объекта Прототипы объектов

JS функции

Определения функций Функциональные параметры Функция Призвание Функция Затворы

JS HTML DOM

DOM вступление DOM методы DOM Документ DOM элементы DOM HTML DOM CSS DOM Анимации DOM Мероприятия DOM EventListener DOM навигация DOM Вершины DOM Nodelist

JS браузер BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS Примеры

JS Примеры JS HTML DOM JS HTML вход JS HTML Объекты JS HTML Мероприятия JS браузер JS викторина JS Резюме

JS Рекомендации

JavaScript Объекты HTML DOM Объекты


 

JavaScript Вывод


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>
Попробуй сам "