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

document.write javascript - выводит данные в месте расположения. Разберем примеры/синтаксис document.write, как это выглядит на экране, и в коде!

Пошагово о document.write в javascript

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

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

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

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

document.write();

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

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

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

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

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

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

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

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

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



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

"Document.write" в консоли разработчика:

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

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


Вывод о "Document.write" в коде:

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

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

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

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

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

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

Плюс ссылка.

И получим:

Пример использования document.write

<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

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

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

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

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

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

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

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

div


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

Всего комментариев : Comments+ 2.0

+ =