此代码不能与console.log一起使用，但与document.write一起正常工作

Question

此代码应显示8 * 8大小的棋盘，当我使用document.write时它可以正常工作，但它与console.log不会显示相同的输出。有人可以解释一下。

window.onload = function() {
  var hash = '#';
  var size = 8;
  for (var i = 0; i < size; i++) {
    for (var j = 0; j < size; j++) {
      if ((i + j) % 2 === 0) {
        document.write("\xa0");
      } else {
        document.write(hash);
      }
    }
    document.write("<br>");
  }
}

Answer 1

console.log将把内容输出到你的控制台。根据您的浏览器，您可以打开开发人员工具并查看控制台。这是显示javascript输出的首选方法。

document.write将把内容直接输出到网页。

Answer 2

这就是你想要的吗？

window.onload = function() {
  var hash = '#';
  var size = 8;
  var string="";
  for (var i = 0; i < size; i++) {
    for (var j = 0; j < size; j++) {
      if ((i + j) % 2 === 0) {
        string+="\xa0";
      } else {
        string+=hash;
      }
    }
   string+="\n";
   
  }
   console.log(string);
}