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()中显示功能输出而没有 标签时显示换行符（因为控制台上显示 ），但是能够在不使用 的情况下将文本“未知错误”写入html中的换行符。

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

Answer 1

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

将\n替换为 
或在其周围包含一个<pre>标记，该标记将尊重空格和换行符
或在任何其他HTML元素上使用CSS样式white-space: pre-wrap;

请参阅此jsFiddle

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

您可以在textarea中打印您的信息。它将\n用作新行作为控制台

Answer 3

pre标记将显示所有内容，包括空格，\ n用于换行，br标记也用于移动到新行，当您使用以表示并在key上找到的js文字时，会有更多选择可用esc和带有符号**`**变量的水龙头按钮之间的面板可以放在${variable inside here}侧。

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

3 个答案: