副队长JavaScript教程(6)–输出语句

点此查看所有教程、项目、源码导航文章目录1. 前言2. 弹窗输出3. 网页内容输出4. 控制台输出5. 小结1. 前言之前我们只讲过一个JS语句alert用于弹窗显示信息。一般这种程序显示信息的语句可以称之为输出语句意思是程序输出信息给用户看。JS常用的输出语句有3种今天逐一介绍下。2. 弹窗输出可以使用alert()语句进行弹窗输出括号中间的内容即为弹窗显示的信息。此处需要格外注意的是如果输出数字可以直接写到括号中如果要输出英文字母或者汉字则需要使用双引号将英文或汉字包裹起来。至于为何要使用双引号包裹我们后续章节会详细解析现在我们只需要记住就OK了。如下示例script// 弹窗输出数字123alert(123);// 弹窗输出汉字你好啊因为是汉字所以需要双引号包裹alert(你好啊);/script运行代码后会先弹窗显示数字123然后弹窗显示汉字你好啊。3. 网页内容输出可以通过document.write()语句将括号中的信息输出到网页内容部分。同样当括号内是数字时可以直接写数字而当括号内是英文或者汉字时需要用双引号包裹起来。如下示例body网页原有内容brscript// 将123输出到网页内容document.write(123);// 将你好啊输出到网页内容document.write(你好啊);/script/bodybody区域已经有网页原有内容br然后又通过document.write向网页内容区域输出了123和你好啊所以最终运行效果如下4. 控制台输出一般来说弹窗输出用于给用户展示一些重要提示信息例如登录用户名或者密码错误。而使用document.write的方式输出到网页内容区域这种用法很少因为直接在body里面写内容岂不是更方便为啥还要用document.write多此一举。还有一种输出方式其实是前端开发人员最常用的就是开发者工具的控制台输出。也就是输出的信息不在网页上显示而是显示到控制台这种方式一般是程序员调试使用的。如下代码script// 将123输出到控制台console.log(123);// 将你好啊输出到控制台console.log(你好啊);/script运行后我们按【F12】打开控制台如下图可见console.log()会将括号中间的信息输出到控制台显示。5. 小结alert用来弹窗提示但是浏览器提供的弹窗太丑了所以并不常用。document.write用于输出到网页内容区域这种方式不如直接在body中写内容方便所以也不常用。console.log可以将信息打印到控制台网页上并不会显示程序员会通过该语句调试程序使用频率还是很高的。