JavaScript学习笔记——JavaScript与网页的交互：接收用户输入、向用户输出

接收用户的输入

函数prompt并可以获取用户输入
在prompt的参数中填入字符串作为提醒消息，浏览器就将弹出对话框并等待用户输入

用户的输入以一个字符串的形式返回
若用户没有输入或取消了对话框，返回值为null

网页向用户输出信息

为提高网页的交互性，必须能够与用户交流
下面简要地介绍一些交流方式

方式一 创建提醒框

调用函数alert并指定一个包含提醒消息的字符串，浏览器就会在一个对话框中显示这条消息
一般用于停止用户的步伐并传递消息，用户必须点击OK按钮才能继续前行

方式二 将内容插入文档

使用函数document.write将任何HTML和内容写入网页，此方法单而容易掌握
浏览器将网页视为一个文档，document.write在文档中插入少量的HTML和文本，但通常被认为是一种糟糕的做法

方式三 直接操作文档

编写JavaScript代码，利用浏览器的 文档对象模型DOM可以全面控制网页（获取用户输入的值，更新网页内容，甚至修改HTML结构和样式）

这是与用户交流的最佳方式，应尽量使用这种方式来与网页和用户交互

这些都是利用浏览器的文档对象模型DOM(后面将更详细地讨论)实现的。
然而，要使用文档对象模型，你必须知道网页的结构，并熟悉用来读写网页的编程接口。在此之前，我们需要更深入地了解JavaScript。

方式四 使用控制台

使用函数console.log将消息写入开发者专用的控制台日志(用户通常看不到)

console.log是简单的故障排除和调试工具，通常仅用于在开发网页期间调试代码，因此在网页最终版本中不应该使用它

下面的代码可以向控制台输出一条信息

var message = "Hello"+" "+"world";
console.log(message);

如何打开控制台

Edge浏览器右上角···–更多工具–开发人员工具(Ctrl+Shift+I)

或 快捷键F12 直接打开开发人员工具