JavaScript前端开发与实例教程(微课视频版)
上QQ阅读APP看书,第一时间看更新

1.3.5 常用输入/输出语句

JavaScript输入语句可以获取用户输入的内容。JavaScript常用输入语句是prompt()方法,它用于显示可提示用户进行输入的对话框。示例如下:

<script>
   prompt("请输入您的国籍","中国");
</script>

上述程序在Chrome浏览器中的运行结果,如图1-11所示。其中第一个参数是在对话框中显示的纯文本,第二个参数是默认的输入文本。用户单击提示框的“取消”按钮,返回空值;单击“确认”按钮,返回输入字段当前显示的文本“中国”。

图1-11 prompt()方法显示对话框

JavaScript输出语句可以将程序执行结果显示在页面或控制台。JavaScript常用输出语句如下。

1. alert()方法

alert()方法用于显示带有一条指定消息和一个OK按钮的警告框。示例如下:

<script>
   alert("面对疫情每个人都是一座城,勤洗手、戴口罩、少出门、少扎堆、不信谣、不传谣!");
</script>

上述程序在Chrome浏览器中的运行结果,如图1-12所示。

图1-12 警告框

2. document.write()方法

document.write()方法可向文档写入HTML表达式或JavaScript代码。示例如下:

<script>
    document.write ("生命重于泰山。疫情就是命令,防控就是责任!");
</script>

上述程序在Chrome浏览器中的运行结果,如图1-13所示。

图1-13 页面输出效果

3. console.log()方法

console.log()方法用于在控制台中输出信息。读者在查看该方法的输出结果时,需要在浏览器中按下F12键打开开发人员工具,并切换至Console选项卡。示例如下:

<script>
    console.log('抗击疫情,中国必胜!')
</script>

上述程序在Chrome浏览器中的运行结果,如图1-14所示。

图1-14 控制台运行结果