JavaScript换行问题

Question

在此片段中,'FirstText'写入时,将跳过第一行的其余部分.然后'SecText'写在第二行:

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

但是当我setInterval()在这个函数上使用时,单词会彼此相邻写入(不会跳过行).

有什么建议？

Answer 1

你看到\n创建一个新行,因为你在一个<pre />标签内; 通常你必须使用a <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>