JavaScript 换行问题

Question

在此代码段中，当写入 'FirstText' 时，将跳过第一行的其余部分。然后在第2行写上'SecText':

<pre>
 <script>
  function text(){
  document.write("FirstText \n SecText");
  }
  text();
 </script>
</pre>

但是当我在这个函数上使用 setInterval() 时，单词是挨着写的(没有跳过行)。

有什么建议吗？

Answer 1

您看到的是 \n创建一个新行，因为你在 <pre /> 中标签;通常你必须使用 <br />在 <pre /> 之外看到类似的新行.

当您调用 document.write 时在页面加载完成之前，输出就地输入；所以你会看到你的FirstText \n SecText写在<pre />内.

但是，当页面加载之后调用它时(在setInterval 内)，现有页面在写入结果之前被清除；因此 <pre />正在被删除，您再也看不到新行了。

因为你没有关闭 document使用 document.close() , 连续调用 document.write在你的setInterval正在添加到由 setInterval 的第一次 迭代打开的文档流中.

您可以使用 <br /> 修复此问题而不是 \n ;

     <script>
      function text(){
      document.write("FirstText <br /> SecText <br />");
      }

      setInterval(text, 1000);
     </script>

有关详细信息，请参阅 https://developer.mozilla.org/en-US/docs/Web/API/document.write和 document.write clears page