在 HTML 和 console.log 中都可见的新行

Question

我有这个简单的 JavaScript:

function property() {
    var ua = document.getElementById('greenBack').innerHTML;
    var finals;
    finals = ua;
    if (ua.indexOf('p')) {
        finals += '<br>\n Unknown Error';
    } 
    return finals;
}

问题是，当函数输出显示在没有   标记的 console.log() 中时，我希望显示一个换行符（因为   显示在控制台上），但也可以在不使用  .

的情况下将文本 "Unknown Error" 写入 html 中的换行符

是否有任何解决方案可以在 HTML 和没有 \n 或   的控制台中显示换行符？

Answer 1

只需使用 \n 作为控制台输出。然后，当在 HTML 页面上显示文本时，您可以：

将 \n 替换为  
或者在它周围包裹一个 <pre> 标签，这将尊重 white-space 和 newlines
或在任何其他 HTML 元素上使用 CSS 样式 white-space: pre-wrap;

看到这个jsFiddle

$('#test').text('This\n   is\n  a\ntest');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<pre id="test"></pre>

Answer 2

您可以在文本区域中打印您的信息。它将使用 \n 作为新行作为控制台

Answer 3

pre 标记你写的内容显示所有内容，包括 space，\n 用于换行，br 标记也用于移动到新行，当你使用 js 文字时，更多选项会派上用场表示为并在带有符号的 esc 和点击按钮之间的键盘上找到 ** `** 变量可以放在 ${variable inside here}.

侧

在 HTML 和 console.log 中都可见的新行

New line that is visible in both HTML and console.log

html

javascript

newline