console.log / document.write 和alert之间的区别

Question

我想知道这三行代码有什么区别：

console.log("");
document.write("");
alert(""); (or windows.alert("");)

Answer 1

console.log("")

输出作为参数传递的任何内容。
例如

console.log("test")

将输出“test”到您的控制台

document.write("")

添加您想要的任何内容到 html。
例如

document.write("<p>paragraph</p>")

将向文档添加新段落

alert("")

是弹出警报。

Answer 2

console.log('foo');

将在调试控制台中写入“foo”。您可以在大多数浏览器上通过 F12 访问它，或者右键单击您的页面并进行检查。您应该在调试窗口上看到一个“控制台”面板。

请小心您转储的信息，它将显示给浏览该页面的每个人。有些浏览器可能不喜欢这些日志，如果您忘记删除它们，您可能会在生产网站上遇到错误。

document.write('foo');

会将“foo”附加到当前页面的 DOM 中。该语句不可用于调试目的。

alert('foo');

将在您的浏览器中显示一个弹出窗口，只需单击一个按钮即可将其关闭。 “foo”将是弹出窗口上显示的文本。您可以使用此方法向浏览页面的人发送非常重要的信息，但尽量不要滥用它们，因为它们会要求在执行其他操作之前关闭模式来“阻止”访问者。

Answer 3

1. 开发人员使用 console.log() 来记录有用的信息。
2. document.write 通过向 DOM 添加附加内容来修改用户在浏览器中看到的内容。
3. 警报用于提醒访问网页的最终用户。

Answer 4

console.log() 被开发人员用来通过在控制台中打印 console.log() 内的值来调试他们的代码...... document.write() 用于向网页添加内容

Answer 5

console.log 输出到日志， document.write写入文档 警报显示一个带有输入文本的框