В компьютерном программировании «Печать» - это команда, используемая для отображения на экране текста определенного типа. Его можно использовать для отображения текста (строки), переменной, чисел или математических вычислений. Многие программисты в первую очередь узнают, как с помощью команды «Печать» создать программу, отображающую «Hello World!». В отличие от других языков программирования, Javascript отображается в веб-браузере. В Javascript нет простой команды печати, как во многих других языках. Однако есть много способов отображения текста в HTML-документе, окне предупреждения или консоли. Вы также можете использовать Javascript для печати с принтера.
Шаги
Метод 1 из 4: Использование InnerHTML
Шаг 1. Введите <p id = в теле вашего HTML-документа
Это открывающий HTML-тег для текста абзаца с определенным идентификатором.
Для получения дополнительной информации о том, как писать HTML-код, прочтите статью «Как создать простую веб-страницу с помощью HTML»
Шаг 2. Введите имя элемента абзаца в кавычках, а затем нажмите>
Это присваивает текстовому элементу абзаца идентификатор, который можно вызвать в Javascript. Например,"
".
Вы также можете использовать другие текстовые элементы HTML, например заголовок {{kbd |
Шаг 3. Введите
сразу после"
ярлык.
Это добавляет закрывающий тег для HTML-элемента открывающего абзаца.
Шаг 4. Нажмите ↵ Enter
Это добавляет новую строку в ваш HTML.
Шаг 5. Введите и нажмите ↵ Enter
Это открывающий тег для вашего Javascript. Все кодирование Javascript должно идти после этого тега.
Шаг 6. Введите document.getElementById
Это код javascript для вызова элемента HTML по его идентификатору.
Шаг 7. Введите идентификатор элемента абзаца в кавычках внутри круглых скобок
Если ваш элемент абзаца"
", ваш код javascript будет читать" document.getElementById ("math") ".
Шаг 8. Введите. InnerHTML = после скобок
Эта команда используется для отображения вывода текста с помощью элемента HTML.
Шаг 9. Введите то, что вы хотите напечатать, и точку с запятой (;
).
Вы можете отображать текст, переменную, числа или математическое уравнение.
Например, введите "document.getElementById (" demo "). InnerHTML = 27 + 33;" чтобы вывести сумму 27 + 33
Шаг 10. Нажмите ↵ Enter и введите
Этот тег закрывает ваш код Javascript. Введите этот тег, когда вы закончите, введите все свои строки Javascript. Когда вы загружаете HTML-документ в веб-браузер, он распечатывается внутри HTML-документа.
Метод 2 из 4: использование оконного оповещения
Шаг 1. Введите текст вашего HTML-документа
Это открывающий тег для вашего Javascript.
Шаг 2. Нажмите ↵ Enter и введите предупреждение
Это команда javascript для открытия всплывающего окна с предупреждением.
Шаг 3. Введите в скобки то, что вы хотите напечатать
Вы можете ввести текст, переменную, числа или математическое уравнение. Например, «alert (« Hello Sweety! »)» Для отображения «Hello Sweety!» во всплывающем окне.
Шаг 4. Добавьте точку с запятой (;
) в конце.
Это закрывает вашу строку Javascript. Вся строка должна выглядеть примерно так: «alert (« Hello Sweety! »);».
Шаг 5. Нажмите ↵ Enter и введите
Этот тег закрывает ваш код Javascript. Введите этот тег, когда закончите вводить все свои строки Javascript. Когда вы загружаете HTML-документ в веб-браузер, он отобразит текст, который вы хотите распечатать, во всплывающем окне.
Вы также можете создать кнопку, отображающую напечатанный текст во всплывающем окне. Для этого введите «Текст кнопки»
Метод 3 из 4: Использование журнала консоли
Шаг 1. Введите текст вашего HTML-документа
Это открывающий тег для вашего Javascript.
Шаг 2. Нажмите ↵ Enter и введите console.log
Это команда javascript для журнала консоли. Журнал консоли наиболее близок к команде печати в типичном кодовом смысле. Он не отображает текст на вашей веб-странице, но он отображает текст внутри консоли, когда вы запускаете HTML / Javascript внутри веб-браузера. Это полезно для отладки.
Шаг 3. В скобках введите текст, который вы хотите ввести
Это может быть текст (строка), переменная, числа или математическое уравнение. Например, console.log (я печатаю на Javascript).
Шаг 4. Добавьте точку с запятой (;
) в конце.
Это закрывает вашу строку Javascript. Вся строка должна выглядеть примерно так: nowiki> console.log (я печатаю на Javascript).
Шаг 5. Нажмите ↵ Enter и введите
Этот тег закрывает ваш код Javascript. Введите этот тег, когда закончите вводить все свои строки Javascript.
Шаг 6. Сохраните HTML-документ
Выполните следующие действия, чтобы сохранить HTML-документ.
- Нажмите Файл в верхней части текстового редактора или программы редактирования HTML.
- Нажмите Сохранить как.
- Введите имя файла для HTML-документа.
- Убедитесь, что он сохранен как документ ".html".
- Нажмите Сохранить.
Шаг 7. Откройте HTML-документ в веб-браузере
Откройте любой веб-браузер по вашему выбору и введите расположение файла HTML-документа в адресной строке вверху. Это откроет HTML-документ в вашем веб-браузере.
Шаг 8. Нажмите F12
Это откроет режим разработчика в вашем веб-браузере. Вы увидите новое окно с отображаемым кодом HTML, CSS и Javascript.
Шаг 9. Щелкните Консоль
Он находится в верхней части окна режима разработчика.
Шаг 10. Обновите браузер.
Шаг 1. Введите <button onclick = в тексте вашего HTML-документа
Это открывающий тег HTML для создания кнопки в вашем HTML.
Шаг 2. Введите "window.print ()"> после знака равенства (=)
Команда «window.print ()» - это команда Javascript для печати содержимого окна вашего веб-браузера. Скобка (>) завершает открывающий тег кнопки HTML.
Шаг 3. Введите текст, который вы хотите вставить в кнопку
Это должно быть сразу после скобки (>). Например, вы можете ввести «Щелкните здесь, чтобы распечатать» или что-то подобное.
Шаг 4. Введите
Это закрывает элемент кнопки HTML. Когда вы визуализируете свой HTML-код в веб-браузере, он создает кнопку, которую вы можете нажать, чтобы распечатать содержимое вашего веб-браузера.
