如何在单个字符串中使用javascript创建新行

时间:2018-04-03 19:33:17

标签: javascript html

我正在尝试在我的index.html文件中看到新的行(在这一行文本中),但是它没有用,有什么帮助吗? (\ n是新行应该开始的地方,左边也没有用。

的index.html:

<html>
        <head>
                <title>test</title>
        </head>
<body bgcolor="black">
<font color="green">
<p id="terminal"></p>
<script>
var text = "this is a test\nthis should be on the next line";
var count = 0;
var speed = 50;
function Type() {
        if(count < text.length) {
                document.getElementById("terminal").innerHTML += text.charAt(count);
                count ++;
                setTimeout(Type, speed);
        }
}
Type();
</script>

2 个答案:

答案 0 :(得分:3)

如果您不想使用<br />,则可以轻松使用<pre>标记。它实际上更容易使用<pre>,因为您不必将<br />插入DOM中的正确位置。

取自docs

  

HTML pre元素表示预先格式化的文本,该文本与HTML文件中写的完全一致。

var text = "this is a test\nthis should be on the next line";
var count = 0;
var speed = 50;

function Type() {
    if(count < text.length) {
        document.getElementById("terminal").innerHTML += text.charAt(count);
        count ++;
        setTimeout(Type, speed);
    }
}
Type();
<html>
  <head>
    <title>test</title>
  </head>
  <body bgcolor="black">
    <font color="green" />
    <pre id="terminal"></pre>
  </body>
</html>

答案 1 :(得分:0)

用中断\n

替换换行<br>