4 начина за печат в Javascript

Съдържание:

4 начина за печат в Javascript
4 начина за печат в Javascript

Видео: 4 начина за печат в Javascript

Видео: 4 начина за печат в Javascript
Видео: Архитектура ЭВМ | Основы Операционных Систем 03 | Ассемблер 2024, Април
Anonim

В компютърното програмиране Print е команда, използвана за показване на някакъв вид текст на екрана. Може да се използва за показване на текст (низ), променлива, числа или математически изчисления. Едно от първите неща, които много програмисти научават, е как да използват команда Print за създаване на програма, която показва „Hello World!“. За разлика от другите езици за програмиране, Javascript се изобразява в уеб браузър. Javascript няма проста команда за печат, както правят много други езици. Има обаче много начини, по които можете да показвате текст или в HTML документа, в прозорец за предупреждение, в конзолата. Можете също да използвате Javascript за печат от принтер.

Стъпки

Метод 1 от 4: Използване на InnerHTML

Отпечатайте в Javascript Стъпка 1
Отпечатайте в Javascript Стъпка 1

Стъпка 1. Въведете <p id = в тялото на вашия HTML документ

Това е началният HTML маркер за текст на абзац с конкретен идентификатор.

За повече информация как да напишете HTML код, вижте Как да създадете обикновена уеб страница с HTML

Отпечатайте в Javascript Стъпка 2
Отпечатайте в Javascript Стъпка 2

Стъпка 2. Въведете име за елемента на абзаца в кавички, последвано от>

Това присвоява на текстовия елемент на абзаца идентификатор, който може да бъде извикан в Javascript. Например,"

".

Можете също да използвате други текстови HTML елементи, например заглавка {{kbd |

Отпечатайте в Javascript Стъпка 3
Отпечатайте в Javascript Стъпка 3

Стъпка 3. Въведете

веднага след „

маркер.

Това добавя затварящ маркер за HTML елемента на началния параграф

Отпечатайте в Javascript Стъпка 4
Отпечатайте в Javascript Стъпка 4

Стъпка 4. Натиснете ↵ Enter

Това добавя нов ред към вашия HTML.

Отпечатайте в Javascript Стъпка 5
Отпечатайте в Javascript Стъпка 5

Стъпка 5. Въведете и натиснете ↵ Enter

Това е началният маркер за вашия Javascript. Цялото кодиране на Javascript трябва да върви след този маркер.

Отпечатайте в Javascript Стъпка 6
Отпечатайте в Javascript Стъпка 6

Стъпка 6. Въведете document.getElementById

Това е кодът на JavaScript за извикване на HTML елемент по неговия идентификатор.

Отпечатайте в Javascript Стъпка 7
Отпечатайте в Javascript Стъпка 7

Стъпка 7. Въведете идентификатора на елемента на абзаца в кавички вътре в скоби

Ако вашият параграф е"

", вашият JavaScript код ще прочете" document.getElementById ("math") ".

Отпечатайте в Javascript Стъпка 8
Отпечатайте в Javascript Стъпка 8

Стъпка 8. Въведете. InnerHTML = след скобите

Тази команда се използва за показване на текстови изходи с помощта на HTML елемента.

Отпечатайте в Javascript Стъпка 9
Отпечатайте в Javascript Стъпка 9

Стъпка 9. Въведете това, което искате да отпечатате, последвано от точка и запетая (;

).

Можете да покажете текст, променлива, числа или математическо уравнение.

Например, въведете "document.getElementById (" демонстрация "). InnerHTML = 27 + 33;" да отпечатате сумата от 27 + 33

Отпечатайте в Javascript Стъпка 10
Отпечатайте в Javascript Стъпка 10

Стъпка 10. Натиснете ↵ Enter и въведете

Този маркер затваря вашия код на Javascript. Въведете този маркер, когато приключите, въведете всичките си редове на Javascript. Когато заредите HTML документа в уеб браузър, той ще се отпечата в HTML документа.

Метод 2 от 4: Използване на предупреждение за прозорец

Отпечатайте в Javascript Стъпка 11
Отпечатайте в Javascript Стъпка 11

Стъпка 1. Въведете тялото на вашия HTML документ

Това е началният маркер за вашия Javascript.

Отпечатайте в Javascript Стъпка 12
Отпечатайте в Javascript Стъпка 12

Стъпка 2. Натиснете ↵ Enter и въведете alert

Това е командата javascript за отваряне на изскачащ прозорец.

Отпечатайте в Javascript Стъпка 13
Отпечатайте в Javascript Стъпка 13

Стъпка 3. Въведете това, което искате да отпечатате в скоби

Можете да въведете текст, променлива, числа или математическо уравнение. Например "alert (" Hello Sweety! ")" За показване на "Hello Sweety!" в изскачащ прозорец.

Отпечатайте в Javascript Стъпка 14
Отпечатайте в Javascript Стъпка 14

Стъпка 4. Добавете точка и запетая (;

) накрая.

Това затваря вашата линия от Javascript. Целият ред трябва да изглежда нещо като "alert (" Здравей Sweety! ");".

Отпечатайте в Javascript Стъпка 15
Отпечатайте в Javascript Стъпка 15

Стъпка 5. Натиснете ↵ Enter и въведете

Този маркер затваря вашия код на Javascript. Въведете този маркер, когато приключите с въвеждането на всичките си редове на Javascript. Когато заредите вашия HTML документ в уеб браузър, той ще покаже текста, който искате да отпечатате, в изскачащ прозорец.

Можете също да създадете бутон, който показва отпечатан текст в изскачащ прозорец. За да направите това, въведете „Текст на бутона“

Метод 3 от 4: Използване на конзолен регистър

Отпечатайте в Javascript Стъпка 16
Отпечатайте в Javascript Стъпка 16

Стъпка 1. Въведете тялото на вашия HTML документ

Това е началният маркер за вашия Javascript.

Отпечатайте в Javascript Стъпка 17
Отпечатайте в Javascript Стъпка 17

Стъпка 2. Натиснете ↵ Enter и въведете console.log

Това е командата javascript за конзолен дневник. Дневникът на конзолата е най -близкото до командата Print в типичния кодиращ смисъл. Той не показва текст на вашата уеб страница, но показва текст вътре в конзолата, когато стартирате вашия HTML/Javascript в уеб браузър. Това е полезно за отстраняване на грешки.

Отпечатайте в Javascript Стъпка 18
Отпечатайте в Javascript Стъпка 18

Стъпка 3. Въведете текста, който искате да влезете в скоби

Това може да бъде текст (низ), променлива, числа или математическо уравнение. Например „console.log (печатам в Javascript).

Отпечатайте в Javascript Стъпка 19
Отпечатайте в Javascript Стъпка 19

Стъпка 4. Добавете точка и запетая (;

) накрая.

Това затваря вашата линия от Javascript. Целият ред трябва да изглежда нещо като „nowiki> console.log (печатам в Javascript)

Отпечатайте в Javascript Стъпка 20
Отпечатайте в Javascript Стъпка 20

Стъпка 5. Натиснете ↵ Enter и въведете

Този маркер затваря вашия код на Javascript. Въведете този маркер, когато приключите с въвеждането на всичките си редове на Javascript.

Отпечатайте в Javascript Стъпка 21
Отпечатайте в Javascript Стъпка 21

Стъпка 6. Запазете вашия HTML документ

Използвайте следните стъпки, за да запазите вашия HTML документ.

  • Щракнете Файл в горната част на вашия текстов редактор или програма за редактиране на HTML.
  • Щракнете Запази като.
  • Въведете име на файл за HTML документа.
  • Уверете се, че е записан като ".html" документ.
  • Щракнете Запазване.
Отпечатайте в Javascript Стъпка 22
Отпечатайте в Javascript Стъпка 22

Стъпка 7. Отворете HTML документа в уеб браузър

Отворете всеки уеб браузър по ваш избор и въведете местоположението на файла на HTML документа в адресната лента в горната част. Това ще отвори HTML документа във вашия уеб браузър.

Отпечатайте в Javascript Стъпка 23
Отпечатайте в Javascript Стъпка 23

Стъпка 8. Натиснете F12

Това отваря режима за програмисти във вашия уеб браузър. Ще видите нов прозорец с показан HTML, CSS и Javascript код.

Отпечатайте в Javascript Стъпка 24
Отпечатайте в Javascript Стъпка 24

Стъпка 9. Щракнете върху Конзола

Той е в горната част на прозореца за режим на програмист.

Отпечатайте в Javascript Стъпка 25
Отпечатайте в Javascript Стъпка 25

Стъпка 10. Обновете браузъра си

Отпечатайте в Javascript Стъпка 26
Отпечатайте в Javascript Стъпка 26

Стъпка 1. Въведете <button onclick = в тялото на вашия HTML документ

Това е началният HTML маркер за създаване на бутон във вашия HTML.

Отпечатайте в Javascript Стъпка 27
Отпечатайте в Javascript Стъпка 27

Стъпка 2. Въведете "window.print ()"> след знака за равенство (=)

Командата "window.print ()" е командата Javascript за отпечатване на съдържанието на прозореца на вашия уеб браузър. Скобата (>) завършва началния маркер на бутона HTML.

Отпечатайте в Javascript Стъпка 28
Отпечатайте в Javascript Стъпка 28

Стъпка 3. Въведете текста, който искате да отидете в бутона

Това трябва да стане веднага след скобата (>). Например, можете да напишете „Щракнете тук, за да отпечатате“или нещо подобно.

Отпечатайте в Javascript Стъпка 29
Отпечатайте в Javascript Стъпка 29

Стъпка 4. Въведете

Това затваря елемента HTML бутон. Когато изобразявате своя HTML в уеб браузър, той ще създаде бутон, върху който можете да щракнете, за да отпечатате съдържанието на уеб браузъра yoru.

Препоръчано: