1.JS交互
行内式JS以on属性开头
<input type="button" value="初步体验JS" onclick="alert('交互体验')"
内嵌式JS可以将多行代码写入到script中
<script>
alert('内嵌式JS交互')
</script>
外部引入JS文件（引入外部JS文件的script标签中间不能写代码）
<script src="../js/my.js"></script>
2.输入输出语句
<script>
prompt('请输入你想输入的内容');
alert('弹出警示框');
console.log('控制台提示信息');
</script>
3.变量
<script>
//声明变量
var name;
//赋值
name = '菜鸟';
//声明多个变量，多个变量名之间用英文逗号隔开
var age = 18, name = '简书';
</script>
声明变量的特殊情况：只声明不赋值，结果是undefined；不声明不赋值，使用变量直接报错；不声明直接赋值，正常使用
4.数据类型
JS变量数据类型是只有程序在运行过程中，根据赋值来确定的。JS是动态语言，变量的数据类型是可变的。
- 简单数据类型
Number：数字型（整型和浮点型）0是八进制 0x是十六进制
String：字符串型（转译字符使用\开头）
Boolean ：真假
Undefined：未定义数据类型
Null：空 - 复杂数据类型
Object - 数据类型转换
转化为字符串型：toString();String();加号拼接字符串（隐式转换）
转换为数字型：paresInt();paresFloat();Number();算数运算-*/（隐式转换）
转换为布尔型：Boolean();
typeof获取变量数据类型
课后练习
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" charset="width=device-width", initial-scale=1.0>
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
var age = prompt('请输入您的年龄');
var sex = prompt('请输入您的年龄');
var name = prompt('请输入您的姓名');
alert('我是' + name + '，今年' + age + '岁，性别是' + sex +'性')
</script>
</head>
<body>
</body>
