Метод document.write - вывод данных в месте расположения.

Подробно о document.write в javascript

1. Вывод данных с помощью document.write
2. Вывод html кода с помощью document.write
3. Вывод script кода с помощью document.write

Вывод данных с помощью document.write

Чтобы перейти практике использования "document.write", нам нужен синтаксис:

Синтаксис "document.write"

document.write();

Использование "document.write"

Давайте выведем данные с помощью document.write.

Для этого нам понадобится какой-то данные:

Это специальный данные, который будет выводиться с помощью document.write в том месте, где будет располагаться "document.write"

Помещаем данный данные в "document.write" и нам еще понадобится тег

После этого нам нужно собрать полностью конструкцию вместе script у нас должно получиться вот такая конструкция:

<script>document.write('Это специальный данные, который будет выводиться с помощью document.write в том месте, где будет располагаться "document.write"');</script>

Смотрим как это выглядит в коде:

Нажмите, чтобы открыть в новом окне.



И далее прямо здесь давайте расположим данный код:

Теперь - давайте нажмем исследовать элемент и посмотрим, как это видит браузер:

Нажмите, чтобы открыть в новом окне.

Вывод нужен или сами!?

Здесь видим и скрипт и данные. Но если вы откроете код страницы, то естественно, что увидите только скрипт.




Вывод html кода с помощью document.write

Далее рассмотрим, как document.write будет работать вместе с html кодом...

Нам понадобится, какой-то div и class и поместим его же(Htmlspecialchars) в этот код:

<div class="kod"></div>

Добавим красный цвет <red></red>.

И ссылку


И получим:

<script>document.write('<div class="kod"><red>Это специальный данные, который будет выводиться с помощью document.write в том месте, где будет располагаться "document.write", добавим к нему цвет, тег red и <a href=https://dwweb.ru/page/html/tags/012_teg_div.html target=_blank>div</a> с классом</red></div>');</script>


Разместим данный код прямо под этими словами:

Вывод о работе document.write

Как видим... "document.write" прекрасно выводит не только данные, но и теги!




Вывод script кода с помощью document.write

Это конечно извращение, выводить script с помощью document.write, но давайте все равно сделаем это:

Перейдем сразу к нашему коду:

<div id="is_div">div</div>

<script>document.write('<script>is_div.innerHTML="привет мир";\<\/script\>');</script>

Выведем его прямо здесь:

div


И мы видим, что всё сработало так, как оно должно было сработать, вместе с "document.write"!