Html（决定页面显示的数据）+CSS（决定页面的布局）+JS（和用户或者服务器交互、决定页面的行为）
JS前端的编程语言，脚本语言，简单易学，基础是HTML+CSS
编译工具使用：vscode sublime notepad 浏览器辅助性调试代码
JS需要写在<script></script>里，脚本可以放在<head>或者<body>里
JS的输出
window.alert() 弹框
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript">
document.write('<h1>icq</h1>');
window.alert('你被攻击了！！');
this.alert('测试');
alert('ceshi');
document.write(Date());
</script>
</body>
</html>
document.write() 将内容写在HTML中
innerHTML 同上
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript">
document.write('<h1>icq</h1>');
document.write(Date());
function fun() {
this.document.getElementsByName('div').innerHTML("测试")；
}
</script>
</body>
<button onclick="fun">更改</button>
</html>
console.log() 写到浏览器中控制台，在浏览器按F12查看
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript">
a=123;
b=456;
console.log(a+b);
</script>
</body>
</html>
注意：JS中大小写敏感
单行注释：//
多行注释：/* */
JS数据类型
数字3.14 1001 123e3=123*10^3
<script type="text/javascript"> function mybt01(){ var shuzi1=12; var shuzi2=34.5; var shuzi3=5e6; alert(shuzi1 + " | " + shuzi2 + " | " + shuzi3); } </script> <button onclick="mybt01()">调用数字类型</button>
字符串 使用单双引号括起来的 可以是引号当中的任意文本
也可以在可以在字符串中使用引号，只要不匹配包围字符串的引号即可
<script type="text/javascript"> function mybt02(){ var zifu1='liu'; var zifu2="jizhou"; alert(zifu1 + " | " + zifu2 ); } </script> <button onclick="mybt02()">调用字符串类型</button>
数组 [1,2,3,4,5] array+引用类型（object/array/function）
function mybt02() { var cars01=new Array(); cars01[0]="奥迪"; cars01[1]="宝马"; cars01[2]="奔驰"; var cars02 = new Array("奥迪02","宝马02","奔驰02","大众02"); var cars03=["奥迪03","宝马03","奔驰03","大众03"]; }
对象 {name:’hqw’,age:20}
<script> function mybt03() { var ren={xing:"liu",ming:"jizhou",tel:"1769264xxxx"} alert(ren.ming); alert(ren["xing"]); } </script> <button onclick="mybt03()" >对象的使用</button>
定义数据时，需要使用var关键字
函数 function fun(参数){函数体}，其中一行代码写完后，一定要加分号
定义变量需要注意的事项：
1、变量必须是以字母开头，使用$或者_也可以，但是不推荐
2、大小写敏感
3、定义变量时，推荐使用var，变量需要先定义后使用，在定义时可以赋值=
4、一条语句可以定义多个变量 var name=’icq’,age=20,job=’hacker’
5、没有初始化的变量，相当于undefined
JS的数据类型
string/number/booean（布尔）
/null/undefined（未定义）/ 值类型
object/array/function 引用类型
对象：
使用一种抽象的概念去描述，人{属性，方法}
var car{type:”BYD”,model:500,color:white,do:function(){“可以跑”}}
针对属性的使用方法
name=car.type;
color=carp[“color”];
针对对象方法的使用：
deal=car.do();
函数的定义和使用
无参函数
function fun()
{
语句体：
}
有参函数
function fun(a,d)
{
函数体； //体现a和b的处理
}
有返回值函数
function fun(){
return 返回结果；
}
变量（根据变量的作用范围来分）
局部变量：在函数内部申明变量，只能在函数内部去使用
全局变量：在函数外部申明的变量，网页上所有的脚本和函数均可去使用它
字符串的处理：
字符串需要使用‘’或者“”括起来，可以使用下标的方式去访问字符串中每个字符；
字符串中特殊字符需要打印出来，需要使用转义支付，转义就是让字符保持其原有的含义，而不被当做特殊字符去使用
使用string.length 获取字符串的长度，其中转义字符不算
特殊字符：‘’ “” （回车） （TAB） （退格符） f(换页)
字符串可以被当作对象，创建对象的方式：var s=new string(‘test’); = s=’test’
字符串的属性：length（返回字符串长度）prototype（允许向对象添加属性和方法）
字符串的方法：charAt()返回指定位置的字符
indexOf()返回指定位置的索引
sploit() 能够将字符串分割为数组
substr() 截取字符串
substring（a，b） 截取a到b-1之间的字符串
tostring() 将对象转换为字符串
toLowerCase()转小写
toUpperCase()转大写