我正在尝试在我的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>
答案 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>