console.log / document.write 和 alert 的区别答案

【问题标题】：difference between console.log / document.write and alertconsole.log / document.write 和 alert 的区别
【发布时间】：2016-06-11 12:21:33
【问题描述】：

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

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

【问题讨论】：

试试吧。你不可能感到困惑。 :)

标签： javascript methods

【解决方案1】：

console.log("") 输出作为参数传递的任何内容。
例如console.log("test") 将向您的控制台输出“test”

document.write("") 将您想要的任何内容添加到 html。
例如document.write("<p>paragraph</p>") 将在文档中添加一个新段落

alert("") 是一个弹出警报。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

console.log('foo');

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

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

document.write('foo');

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

alert('foo');

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

【讨论】：

【解决方案4】：

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

【讨论】：