一、HTML(决定页面显示的内容)+CSS(决定页面的布局)+JS(和用户或者服务器交互，决定页面的行为)
JS 是前端的编程语言，脚本语言，简单易学，基础是html+css，编辑工具使用：VScode、sublime、notepad、各个浏览器辅助性调试代码。
JS 需要写在<script></script> 里，脚本可以放在<head>或者<body>里面。
注意：JS中大小写敏感
<!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript"> alert('ichunqiu') </script> </head> <body> <script type="text/javascript"> document.write("<h1>icq</h1>") </script> </body> </html>
二、JS 的输出：
1、Window.alert() 弹窗
<!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript"> alert('ichunqiu') </script> </head> <body> </body> </html>
2、document.write() 将内容写在HTML中
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <script type="text/javascript"> document.write("<h1>icq</h1>") </script> </body> </html>
3、innerHTML 同上
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <div id="div"></div> <script type="text/javascript"> var aa={ a:"测试" } document.getElementById('div').innerHTML=aa.a; </script> </body> </html>
4、console.log 写在浏览器的控制台
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <div id="div"></div> <script type="text/javascript"> var a="测试"; console.log(a); </script> </body> </html>
// 单行注释
/* */ 多行注释
三、JS 的数据类型
1、数字 3.14 1001 123e3=123*10^3
2、字符串 使用单双引号括起来的的
3、数组 [1,2,3,4] array
4、对象 {name:'hqw',age:20}
5、函数 function fun(参数){函数体}
定义数据时，需要使用var关键词
6、函数function 函数名(参数){函数体}，其中一行代码写完之后，需加 ；
<!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript"> alert('ichunqiu') </script> </head> <body> <script type="text/javascript"> document.write("<h1>icq</h1>") window.alert('你被攻击了！') this.alert('测试') document.write(Date()) var a=123; var b=456; console.log(a+b); function fun() { this.document.getE1ementByName('div').innerHTML("测试"); } </script> <div name="div">我是div</div> <button onclick="fun()">更改</button> </body> </html>
在JS中判断数据类型 ，使用typeof()判断
类型转换
string(1) 将数字转换为字符串
x.tostring() 将x转化为字符串
Number() 转化为数字， NaN：不是数字
四、定义变量时，需要注意的事项：
1、变量必须是字母开头，使用$或者_也可以，但不推荐
2、大小写敏感
3、定义变量时，推荐使用 var，变量需要先定义在使用，在定义时可以赋值=
4、一条语句可以定义多个变量 var name='icq',age=20,job='hacker';
5、没有初始化的变量，相当于undefined
五、JS的数据类型
string/number/boolean/NULL/undefined 值类型
object/array/function 引用类型