Меню :
php (149)
js (116)
html (35)
css (14)
js slice (13)
js date (9)
form (9)
Показать еще :
jsphp (6)
input (5)
php img (4)
id (4)
int (3)
warning (3)
button (3)
display (2)
php get (2)
info (2)
xml (2)
xhr (2)
radio (1)
js post (1)
iframe (1)

См. интсрукция по ruweb.

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

29.01.2026 12:47 / Марат / Смотрели : 184 / js | js_метод |

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

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

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

  2. Чтобы перейти к практике использования "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>

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

    replace

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

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

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

    replace

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

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

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

  4. Далее рассмотрим, как 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" прекрасно выводит не только данные, но и теги!

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

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

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

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

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

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

    div
    replace

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

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


Сайту : 237 дней | статей : 345
JsPhp.ru | Аминев Марат © 2025 - 2026 | 1658 | Подписаться.