Question

我只是写了一些简单的代码，我注意到使用document.writeln没有写入新行，允许我演示......

    // this is my JSON object
var myObject = {
 "firstName": "John",
 "lastName": "Smith",
 "age": 25,
 "address": [{
    "Address1": "11 My Street",
    "Address2" : "Nice Area",
    "Town" : "Nice Town",
    "PCode" : "P05T 0DE"
    }]
 }

document.writeln(myObject.firstName);
document.writeln(myObject.address[0].Address1);

现在输出以下内容....

John 11 My Street

这一切都在一条线上？如果我使用document.write（）我会期待这个吗？它发生在IE和IE中。 Firefox浏览器。显然我可以添加+ " "或+ "\n"，但我不应该这样做吗？

我是傻瓜吗？

Answer 1

HTML布局引擎将所有空格折叠到一个空格。 course 中，您需要 或HTML用于将内容放在不同行上的其他机制。

Answer 2

document.writeln这样做：

将文本字符串后跟换行符写入文档。

但在渲染HTML时，空格会折叠并转换为单个空格，因此您的换行符在HTML中不会执行任何操作。

Answer 3

它似乎只是在一条线上。这样做 -

document.write('<pre>');
document.writeln(myObject.firstName);
document.writeln(myObject.address[0].Address1);

你会看到。

Answer 4

document.writeln会在您的文档中写一行，而不是HTML 中的“line”。您的文档（源代码）实际上将包含“\ n”，但换行符不会出现在HTML中。

Answer 5

查看页面来源，了解浏览器如何将每一行放在一行 - 但是如果你想在html中看到换行符，是的，在它们之间放一个' '。

Answer 6

您输出的内容被误解为HTML，您必须输出格式化标签才能让它看起来像您想要的那样。

Answer 7

我希望页面的源代码可以将它放在两行上，但是浏览器会将它压缩到一行，因为它会将所有空格压缩到一个空格。所以在浏览器中，它会在一行显示它。

正如你所说，你需要添加一个BR元素才能让它显示在两行上。

Answer 8

document.writeln() 为每一行添加\n。但是，在HTML中，空格全部显示为单个空格;您需要自己添加 或标记。

Answer 9

使用document.write（）或document.writeln（）在HTML文档中获取某些类型的列表或新文本行：

    var somevar = "foo";
    for(i=1;i<4;i++){
    document.write(i+". "+somevar+"<br>");
    }

这将输出：

FOO
FOO
FOO

Answer 10

您只需将JavaScript代码放入<pre>标记。

<body>
     <pre>
          <script src="your_javascript.js"></script>
     </pre>
</body>

document.writeln不会写入新行

10 个答案: