JS中的输出方式
- JS中提供的浏览器弹窗
- alert() : 在浏览器中弹出一个提示框，点击确认弹框会消失
alert方式会阻塞进程，点击确认之后才会执行下面的代码 使用alert弹窗提示信息，提示的内容会被转换为字符串输出（调用了toString这个方法）
<body>
<div onclick="a()">点我</div>
<script>
function a() {
alert('你好吗')
}
a()
</script>
</body>
- confirm : 在alert的基础上增加了让用户选择的操作（确认 和 取消）
用户点击确认按钮时，我们会接收的结果是true，点击取消按钮时，我们接收到的结果是false，此后我们可以根据接收的结果做不同的处理。
<body>
<div onclick="b()">点我</div>
<script>
function b() {
confirm('yes')
}
</script>
</body>
- prompt: 在confirm的基础上增加了让用户输入的效果
用户点击取消按钮，我们获取到的的结果是null；如果用户点击的是确定按钮，我们将会获取到用户输入的内容(如果用户没有输入任何内容，获取到的结果是空字符串)
<body>
<div onclick="c()">点我</div>
<script>
function c() {
prompt('yes')
}
</script>
</body>
在实际项目中，我们的提示框一般都是自己封装插件和组件来实现，因为各个浏览器实现的样式不统一，而且样式很丑陋
控制台输出
方便我们开发人员进行调试的
- console.log(): 在控制台输出，优势不会转换数据类型，输出什么格式都可以
- console.dir: 比log输出的更加详细一些
- console.table: 把JSON数据展示成一个表格
var arry = [
{
name:'xy',
age: 10
},
{
name: 'js',
age: 10
}
]
console.table(arry);
document.write: 向页面打印输出内容
innerHtml和innerText
<body>
<div id="box">一个盒子</div>
<div id="box1">
另一个盒子
<p id="p"></p>
</div>
<script>
var boxC=document.getElementById('box');
var boxP= document.getElementById("p");
// 可以识别标签
boxC.innerHTML = "<a href="">很傻很天真</a>";
// 不能识别标签，会把所有的内容都转换成文本
boxP.innerText = "<p>改变世界 改变自己</p>";
</script>
</body>
