Question

<!DOCTYPE html>
<html>
<head>
<title>LearnJS</title>
</head>
<body>
    <script>
            console.log('hello World\nThis is me');
            alert("This is an \nalert.");
    </script>
</body>
</html>

我已经尝试过此代码并在TORCH浏览器中运行...显示的唯一输出是警报，但是它不显示console.log的输出... 有什么可能的解决方案... 我已经使用

document.write('hello World\nThis is me');

但是此代码不提供新行，因此我应该使用console.log ...

Answer 1

在这里工作正常：）。 运行代码段

<!DOCTYPE html>
<html>
<head>
<title>LearnJS</title>
</head>
<body>
    <script>
            console.log('hello World\nThis is me on console');
            alert("This is an \nalert.");
            document.write("This is an document.write.");
    </script>
</body>
</html>

注意：

开发人员使用console.log()在浏览器控制台上记录有用的信息
document.write()通过向DOM添加其他内容来修改用户在浏览器中看到的内容。
alert()用于提醒访问浏览器上的网页的最终用户。

NB 如果您对stackoverflow.com如何在浏览器div上显示console.log()感到困惑。然后在这里查看https://stackoverflow.com/a/20256785/1138192，这是一种覆盖console.log()的默认行为，以便在浏览器div上显示消息。希望这会有所帮助：）

Answer 2

console.log()仅显示在浏览器的开发者控制台中。它不会显示在网页本身上。

您的代码没有输入新行，因为\n仅在源代码中显示而不在页面上。要在页面上用HTML显示新行，您需要使用<br>标签或使用其他形式的间距。

所以，而不是：

document.write('hello World\nThis is me');

您可以使用：

document.write('hello World<br>This is me');

但是，您可能更喜欢写入页面中的特定元素，而不是使用document.write（）。在下面，我给一个元素id中的一个data，然后使用JavaScript代码写入该元素。

<!DOCTYPE html>
<html>
<body>
<div id="data">You can put text here or leave it blank. It will be replaced.</div>
<script>
document.getElementById("data").innerHTML = "Hello world<br>This is me";
</script>
</body>
</html>

还请注意，在创建div之后，我需要放置document.getElementByID("data")脚本。如果我将其放置在它之前将找不到它。因此，脚本代码位于<body>节的末尾。有更好的方法可以做到这一点（例如将JavaScript代码放置在外部文件中并使用defer），但是出于您的目的，这应该可以很好地工作。

为什么这个console.log（）函数不起作用？

2 个答案: