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

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


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

Подписаться + =
Теги:
document writedocument write javascriptscript document writetext javascript document write documentscript type text javascript document writetype text javascript document writedocument write script type textwindow document writeuses document writedocument write imgdocument write html

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
29/04/2021 01:46
Реанимирована страница о "шаблонах в DREAMWEAVER"!Эта программа была основной для редактирования моих сайтов на…
подробнее.
Марат :
23/04/2021 04:35
Страница обновлена - добавлен скрипт - всё в одном. Скачивание картинку по…
подробнее.
Марат :
13/04/2021 08:12
Во-первых пожалуйста!1). $new_array - был прописан оттого, что контент на сайте пишется на живых примерах. И часто…
подробнее.
Валерий :
13/04/2021 05:47
перебрал весь материал- во первых спасибоискал другое но понравился Ваш материалerror - или неточность 1. везде…
подробнее.
Марат :
08/04/2021 07:12
Сам афигеваю!
подробнее.