Почему <br>создает новую строку, а \ n не удается в JS - PullRequest
Новая
       18

Почему <br>создает новую строку, а \ n не удается в JS

0 голосов
/ 20 января 2019

Я пишу простую программу javascript и обнаружил, что когда я использую \n в document.write("");, она не создает новую строку.Когда я использую тег <<code>br>, он работает.

Я хочу знать , почему \n не может создать новую строку, а <<code>br> ее создает.

Примечание: Я совершенно новичок в Javascript ...

Мой Javascript с использованием br : 

<head>
    <style>
    </style>
</head>

<body>
<h1>Foo App</h1>

<script charset="utf-8">
  var input = null;

        input = prompt("Enter something: ");

        for (var i = 0; i < 10; i++) {
            document.write("Your input: " + input + "<br><br>");
        }
</script>
</body>

Вывод:

enter image description here

Мой JavaScript с использованием \n: 

<body>
    <h1>Foo App</h1>

<script charset="utf-8">
  var input = null;

        input = prompt("Enter something: ");

        for (var i = 0; i < 10; i++) {
            document.write("Your input: " + input + "\n\n");
        }
</script>
</body>

Вывод:

enter image description here

Ответы [ 4 ]

0 голосов
/ 20 января 2019 
<!DOCTYPE html> 
<html lang="en-GB"> 
<head>
<meta charset="utf-8"> 
<style> body { white-space: pre-wrap; } 
</style> 
</head>

Стиль пробела: предварительная переноска будет отображать '\ n' как новые строки.Так работает HTML, с JavaScript это не проблема.

0 голосов
/ 20 января 2019

Document.write создает разметку HTML, а не простой текст.В HTML новая строка представлена ​​элементом <br/>.Если бы вы писали в консоль браузера, вы не создавали бы разметку HTML, поэтому символ новой строки "\ n" был бы уместен.

0 голосов
/ 20 января 2019

Как говорит @mrid, когда вы используете document.write('HTML AS STRING') для написания HTML-кода в виде строки, поэтому при использовании \n не является HTML-сущностью, поэтому вы можете использовать <br> html-тег для написания новой строкиили используйте html-код сущности как &NewLine; в своем коде.

Проверьте официальный список сущностей HTML для быстрого ознакомления.

0 голосов
/ 20 января 2019

document.write() записывает блок HTML.А в HTML <br> создает новую строку.Поэтому, если вы хотите создать новую строку при использовании document.write(), вам придется использовать <BR>

...