Метод 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"!

Сообщение системы комментирования :

Форма пока доступна только админу... скоро все заработает...надеюсь...