<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico">
<title>js基础</title>
<!-- 输出方式 -->
<!-- alert() 弹出警告框。
document.write() 方法将内容写到 HTML 文档中
console.log() 写入到浏览器的控制台。-->
<!-- <script src=""></script> 外链式-->
<!--<script src=""></script>内嵌式 -->
<script type="text/javascript">
// alert('白泽');警告框
// 单行注释
/* 多行注释
块注释*/
document.write('9999');
document.write('<h1>8888</h1>');
document.write('<p style="width:100px;height:50px; background-color:red;"></p>');
//把内容写入到document文档内容body
//document文档
//write
console.log(123);
console.log('123');//使用 console.log() 写入到浏览器的控制台。
console.log(123, 888, 999);//同时输出多个用","隔开
console.log('换行 \n换行 \n换行');//"\n"换行
// console控制台
//log 日志
// console.error('错误');
// console.warn('警告');
// 变量声明
/*null和undefined
null是一个表示"无"的对象，转为数值时为0；
undefined是一个表示"无"的原始值，转为数值时为NaN。
null表示"没有对象"，即该处不应该有值。典型用法是：
（1） 作为函数的参数，表示该函数的参数不是对象。
（2） 作为对象原型链的终点。
undefined表示"缺少值"，就是此处应该有一个值，但是还没有定义。典型用法是：
（1）变量被声明了，但没有赋值时，就等于undefined。
（2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。
（3）对象没有赋值的属性，该属性的值为undefined。
（4）函数没有返回值时，默认返回undefined。*/
// var num;//声明一个变量num
// num = 10; // = 赋值运算符 把右侧的值 赋值给 左侧变量
// console.log(num);
// console.log(num);
var num = 10;//初始化变量 声明变量的同时并进行赋值
num = 11;
console.log(num);
// 数据类型检测
var flag = 10;
flag = "hello";
flag = false;
flag = null;
flag = undefined;
// console . log(typeof flag);//number 数字
// console . log(typeof flag);//string字符串
// console. log(typeof flag);//boolean 布尔类型
// console. log(typeof flag);//object
// console.log(typeof flag);//undefined
console.log(typeof (flag)); //number
console.log(flag);
//检测基本数据类型
// typeof 待检测的数据
// typeof(待检测的数据)
// 确认对话框
// confirm('我们已经开始，你准备好了吗');
var flag = confirm("我们已经开始学习js了，你准备好了吗？");
// console.log(flag);
// var msg = ((flag === true) ? "不错，继续努力~~" : "怎么了？给你爱的抱抱~继续加油~~");
var msg = (flag ? "不错，继续努力~~" : "怎么了？给你爱的抱抱~继续加油~~");
console.log(msg);
// 提示输入框
// prompt('请输入',18);提示输入框
// prompt(参数1,参数2)参数2可不写
// 参数1：提醒文本
// 参数2：初始值
// 返回值:函数运行完得到的具体值
// 当点击【确定】按钮，返回输入框中的值，点击【取消】按钮，返回null
var name = prompt('名字', '李狗蛋');
var age = prompt('请输入年龄', 22);
console.log(age);
document.write('你的名字：', name);
document.write('<p></p>');
document.write('你的年龄:', age);
</script>
</head>
<body>
<button type="button" οnclick="alert('baize');">按钮1</button>
<button type="button" οnclick="alert('baize666');">按钮2</button>
<!-- 1.区分大小写
2.一句话的结尾用分号隔开 -->
</body>
</html>