Javascript行/回车不工作

Javascript line/carriage returns not working

本文关键字：工作 回车 Javascript      更新时间：2023-09-26

我有一个问题，表面上看起来非常容易/尴尬，但我现在不知所措。

这些函数涉及很多背景故事，但我将尽量保持简洁。我试图插入一个回车/行返回格式的原因，但他们不工作，我显然忽略了一些东西在我的挫折。

使用一些用户输入的信息来帮助创建一个应用程序，我有这个函数:

    function insertStaticData(group, title, subtitle, description, content, backgroundImage) {
    var newItem = { group: group, title: title, subtitle: subtitle, description: description, content: content, backgroundImage: backgroundImage };
    list.push(newItem);
}

用户输入不同的信息。很容易。最初，内容部分的格式非常难看，因为用户可以键入段落。因为我现在只是在测试，我重新格式化了他们的文本，像这样:

insertStaticData(dataGroups[0], "Administration", "", "",
        "Person's Name 'n"
        + "Principal 'n"
        + "email@address.com 'n'n"
        + "Another Name 'n"
        + "Secretary'n"
        + "another.email@address.com", "http://www.imageurls/cf/images/map/map_right.gif");

如图所示，用户没有输入字幕或描述。这很好。但是，当我通过Visual Studio将其作为Windows 8应用程序进行调试时，无法识别行返回。我知道我很蠢，但这是怎么回事?希望大家没有太困惑

正如bfavaretto已经评论的那样，如果这是html，则需要使用<br />。

更好的是，在<p>标记中包装每行，以便您可以应用css规则，如果您想修改外观而无需更改代码:

insertStaticData(dataGroups[0], "Administration", "", "",
    "<p>Person's Name</p>" +
    "<p>Principal</p>" + //etc.

你可以用一个wrap元素来分隔规则，像这样:

insertStaticData(dataGroups[0], "Administration", "", "",
    "<div class='myClass'>" +
    "<p>Person's Name</p>" +
    //etc...
    + "</div>"

在CSS中:

.myClass { /* wrapper */ }
.myClass > p { /* per line */ }
相关文章：