<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>五种常用的语法</title>
<script> //内嵌 JS ,可以将多行JS代码写到 `<script>` 标签中
//一.输入----------------------
// 1. 用户 文字输入 框 prompt()
// prompt(提示信息)，提示信息 用来 提示浏览器用户 输入的内容
prompt('用户文字输入框');
//声明变量 接收 用户输入的数据
var asd = prompt('请输入文字');
// 2. 确认 选择框，选择 对错-是否
confirm('确认框');
// 用来提醒用户是否确认操作，会返回 一个 bool 值
// 给 confirm 加判断 用户点击 确定 返回 true，点击取消 返回 false
if (confirm('确认吗?')) {
alert('true')
} else {
alert('false')
}
//二.输出--------------
// 3. 消息弹出框 -》 给 浏览器用户 看
alert('消息弹出框');
// 4. 在控制台输出 给 开发者看 -》
console.log('控制台输出');
// 5. 在 body 中输出内容 -> 用的相对 很少
document.write('在 body 中输出内容');
</script>
</head>
<body>
</body>
</html>
