Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

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

Поддержи проект!!! smile

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" и нам еще понадобится тег

    После этого нам нужно собрать полностью конструкцию вместе 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>.
    И ссылку

    И получим:

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

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

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

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

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

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

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

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


Вас может еще заинтересовать список тем : #JS | #JS_METHOD |
Последняя дата редактирования : 17.02.2021 17:18
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:
document write document write javascript script document write text javascript document write document script type text javascript document write type text javascript document write document write script type text window document write uses document write document write img document write html



Построение гравиков
Последние комментарии :
Марат :
08/02/2021 02:50
Всегда пожалуйста приходите ещё!
подробнее.
Павел :
08/02/2021 11:11
Спасибо большое. Очень поучительно.
подробнее.
Марат :
03/02/2021 07:22
03/02/2021Тестирование и разработка Comments+1.5 отложена на неопределенное…
подробнее.
Марат :
31/01/2021 08:31
Всегда пожалуйста!Рад, что помог!
подробнее.
Bambr :
31/01/2021 07:34
Огромное спасибо! )
подробнее.

'; ';