xjinza
5/17/2018 - 3:47 AM

document.writeln 不换行

document.writeln 不换行

 我们知道document.writeln()会输出new line,可是在浏览器中我们查看时却始终没有换行:

document.writeln('hello');

document.writeln('world');

输出hello world.

实际上,document.writeln()是输出了new line的,只不过当浏览器在渲染renderinghtml时把新行显示为一个空格了。我们可以这样验证:

document.write('<pre>');  //<pre> 标签可定义预格式化的文本。被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
document.writeln('hello');
document.writeln('world');
document.write('</pre>');

输出

hello

world

我们想要用document.write换行时可以用<br/>或\n。
转自:https://www.cnblogs.com/youxin/archive/2012/09/16/2687800.html