1.6 常用的输入/输出

在网上冲浪时，页面上经常会弹出一些信息提示框，如注册时弹出提示输入信息的提示框，或者弹出一个等待用户输入数据的提示框等，这样的输入/输出在JavaScript中称为警告提示框（alert）和提示框（prompt）。

1.6.1 警告（alert）

alert()方法前面已经使用过，此方法会创建一个特殊的小提示框，该提示框带有一个字符串和一个“确定”按钮，如图1.9所示。alert()方法的基本语法格式如下：

语法

该方法将弹出一个警告提示框，其内容可以是一个变量的值，也可以是一个表达式的值。如果要显示其他类型的值，则需要将其强制转换为字符串型。以下代码都是合法的：

警告提示框是当前运行的网页弹出的，在对该提示框做出处理前，当前网页将不可用，后面的代码也不会被执行，只有对警告提示框进行处理后（点击“确定”按钮或直接关闭），当前网页才会继续显示后面的内容。

1.6.2 console.log()

console.log()用于在浏览器的控制台中输出内容。例如，在test.html中编写如下代码：

使用Chrome浏览器打开test.html，按F12键（或在网页空白区域点击鼠标右键，在弹出的菜单中选择“检查”）启动开发者工具，然后切换到Console控制台选项卡，即可看到控制台输出效果。

1.6.3 提示（prompt）

prompt()方法会弹出一个提示框，等待用户输入一行数据。prompt()方法的基本语法格式如下：

语法

该方法的返回值也可以被引用或存储到变量中，例如：

运行结果如图1.10所示。

prompt()方法的第一个参数值显示在提示框上，通常是一些提示信息；第二个参数出现在用户输入的文本框中，且被选中，作为默认值使用。如果省略第二个参数，则提示框的输入文本框中会出现“undefined”，可以将第二个参数的值设置为空字符串，例如：

如果用户点击“取消”按钮或直接关闭提示框，则该方法将返回null；如果用户点击“确定”按钮，则该方法将返回一个字符串型数据。

本章总结

➢ JavaScript由三部分组成：ECMAScript、DOM和BOM。

➢ 在HTML页面中引用JavaScript有三种方式：直接把JavaScript代码写在标签<script>和</script>之间，使用外部JavaScript文件或直接把简短的JavaScript代码写在HTML标签中。

➢ JavaScript的核心语法有变量的声明和赋值、数据类型、逻辑控制语句、注释。在JavaScript中，代码区分大小写，并且建议每一句的末尾使用分号（;）结束。

➢ 在JavaScript中常用输入/输出提示框的方法是prompt()方法和alert()方法。

本章作业

一、选择题

1．以下哪个常量值最大？（　）

A. 70

B. 25

C. 0X90

D. 0X85

2．下面四个变量声明语句中，哪一个变量的命名是正确的？（　）

A. var for

B. var txt_name

C. var myname myval

D. var 2s

3．在HTML文件中编写JavaScript程序时，应使用标记（　）。

A. javascript

B. scripting

C. script

D. js

4．在Web应用程序出现之前，（　）是应用程序的主流架构。

A. A/S

B. B/S

C. C/S

D. D/S

5．下面关于JavaScript变量的描述错误的是（　）。

A. 在JavaScript中，可以使用var关键字声明变量

B. 声明变量时必须指明变量的数据类型

C. 可以使用typeof运算符返回变量的类型

D. 可以不定义变量，而通过使用变量来确定其类型

6．下面链接外部JavaScript正确的是（　）。

A. <script src="animation.js"></script>

B. <link src="animation.js">

C. <script href="animation.js"></script>

D. <style src="animation.js"></style>

7．下列选项中，可以接收用户输入信息的是（　）。

A. alert()

B. document.write()

C. console.log()

D. prompt()

8．下面关于console.log("Hello")的说法正确的是（　）。

A. 可以在警告框内输出Hello

B. 可以在网页中输入Hello

C. 可以在控制台输出Hello

D. 以上说法都不正确

二、综合题

1．什么是JavaScript？它有哪些特点？

2．JavaScript与另外哪两个技术并称为Web前端的三大核心技术？

3．请说出与嵌入式相比外链式的优势。

4．在HTML页面中直接插入JavaScript代码的正确做法是使用哪种标签？

5．引用JavaScript外部脚本的正确写法是什么？

6．根据你的理解，简述JavaScript的执行原理。

7．简述JavaScript的组成及每部分的作用。