Как дела, парни. Надеюсь, у вас все хорошо. Этот пост посвящен методу javascript document.write().

Прежде всего, давайте посмотрим, что такое document.write() в javascript?

Используя метод document.write(), вы можете добавить текст или HTML-элементы в свой документ. Или вы можете написать код javascript в своем документе. Давайте посмотрим на это на примерах.

Пример 1 -

<!DOCTYPE html>
 <html>
  <body>
    <h2>This is heading</h2>
    <p>This is a paragraph.</p> 
    <script> 
       document.write("Hello world!"); 
    </script>
  </body> 
 </html>

Вывод приведенного выше кода:

Это заголовок

Это абзац.

Привет, мир!

Здесь вы можете видеть, что мы записываем некоторый текст непосредственно в вывод HTML, используя метод document.write().

Пример 2 -

<!DOCTYPE html>
 <html> 
   <body> 
     <h1>This is heading</h1>
       <script> 
         document.write("<h2>Hello World!</h2>"); 
        </script> 
   </body> 
</html>

Вывод приведенного выше кода:

Это заголовок
 Hello World!

Итак, в первом примере мы пишем текст прямо в вывод HTML. Но во втором примере мы добавили в документ элемент HTML.

Итак, это все о методе document.write(). Но настоящий вопрос остается прежним. И настоящий вопрос -

Когда использовать функцию записи документа()?

Вы всегда используете этот метод для целей тестирования. И почему я это говорю? Потому что использование document.write() после загрузки HTML-документа удалит весь существующий HTML. Давайте посмотрим на примере.

Пример -

<!DOCTYPE html> 
<html> 
 <body> 
   <h1>This is heading</h1> 
   <p>This is a paragraph</p> 
   <button type="button" onclick="myFunction()">Click me!</button> 
   <script> 
     function myFunction() { document.write("Hello World");}  </script> 
 </body> 
</html>

Вывод до нажатия кнопки -

Это направление

это абзац

Нажми на меня!

Вывод после нажатия кнопки-

Привет, мир

Итак, после нажатия кнопки существующий HTML был удален, а вывод — это просто параметр метода document.write(), т.е. Привет, мир.

Итак, ребята, на сегодняшней теме все.

До свидания.

Первоначально опубликовано на http://developerxon.com 8 февраля 2022 г.