常见输出方式
- 通过弹窗的方式来输出
1.1 alert(输出内容)
1.2 confirm(输出内容)
1.3 prompt(输出内容)
注意点:1.只要输出的不是数字类型,那么输出的内容就必须使用单引号或者双引号括起来
2.在JavaScript中严格区分大小的,大学的Alert是不执行的。alert和Alert不是一回事。
3.在编写JavaScript代码的时候,每一行代码最后面都得加一个分号,并且这个分号,必须是英文的分号。
4.我们发现有时候不写分号,程序也能执行,那是因为浏览器自动帮我们添加了分号,不是不需要写,浏览器自动帮我们添加会消耗一定的性能,有时候会加错。
- 通过网页内容区域(body)的方式来输出
document.write('abc');
注意点:只要输出的不是数字类型,那么输出的内容就必须使用单引号或者双引号括起来
- 通过开发者工具的控制台的形式来输出
console.log(输出内容);
console.warn(输出内容);
console.error(输出内容);
注意点:只要输出的不是数字类型,那么输出的内容就必须使用单引号或者双引号括起来
1. 通过弹窗的方式来输出
1.1 alert
alert(123);
alert("abc");
注意点:1.只要输出的不是数字类型,那么输出的内容就必须使用单引号或者双引号括起来
2.在JavaScript中严格区分大小的,大学的Alert是不执行的。alert和Alert不是一回事。
3.在编写JavaScript代码的时候,每一行代码最后面都得加一个分号,并且这个分号,必须是英文的分号。
4.我们发现有时候不写分号,程序也能执行,那是因为浏览器自动帮我们添加了分号,不是不需要写,浏览器自动帮我们添加会消耗一定的性能,有时候会加错。
1.2 confirm
confirm(123);
confirm('都会就爱上会大声');
confirm和alert的注意点一样,他俩的区别是confirm弹出的按钮有2个,一个请确认,一个取消。而alert只有一个确定按钮。


上面2张图的区别。
1.3 prompt
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div>哈哈哈</div>
<script>
prompt(123);
</script>
</body>
</html>

prompt样式比aler多了一个输入框,和一个取消按钮。注意点和alert一样。
2.通过网页内容区域(body)的方式来输出
document.write('abc');
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
//将123写到body里面去
// document.write(123);
document.write('abc');
</script>
</body>
</html>
注意点:只要输出的不是数字类型,那么输出的内容就必须使用单引号或者双引号括起来
3.通过开发者工具的控制台的形式来输出
3.1 普通输出
console.log(12345); 普通输出

上面是浏览器的控制台,里面的Console是打印内容的区域,一般按住快捷键F12,就会出来。
3.2 警告输出
console.warn(12345);

警告输出和普通输出就是背景颜色不一样,警告输出背景颜色为黄色的。
3.3 错误输出
console.error(12345);
console.log(12345);
console.warn(12345);
console.error(12345);

最后一种是error输出。
网友评论