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

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

本文关键字：新行 HTML console log      更新时间：2023-09-26

我有这个简单的JavaScript:

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

问题是，我希望在没有<br>标签的console.log()中显示函数输出时显示换行符(因为<br>显示在控制台上)，但也能够在不使用<br>的情况下将文本"未知错误"写入html中的换行符。

有没有办法在没有'n或<br>的情况下在HTML和控制台显示换行符?

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

  • 用<br>代替'n
  • 或在其周围环绕<pre>标记，这将尊重空白和换行符
  • 或在任何其他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>

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

pre tag什么你写它显示所有，因为它包括空间，'n用于新行，br标签也移动到新行，一些更多的选项派上用场，当你使用js文字表示为，并发现在键盘上esc和点击按钮之间的符号** ' **变量可以放在一边${variable inside here}。

相关文章：