Js 1

Javascript

前端

1. Html 定义文档的结构 document

2. CSS 定义文档样式

3. JS 行为 active

ECMAScript 基础语法:

js 引入 -- 行内js / 内接式js /外接式

变量声明   var

测试语句

       console.log

       window.alert()     window可省略

　　confirm() 确认提示

数据类型

5个基本            Number String boolean undefined 未定义 null

引用数据类型:   Array(数组)     Object(对象)    Function 函数  Date

数据类型转换

数值类型 转换 成 字符串 类型

隐式转换 var astr = ''+234;

强制类型转换 String() 123.toString()

字符串类型转换成数值类型

强制转换 Number() parseInt()转整形无小数 parseFloat()转浮点 数有小数

字符串拼接 +

补充内容：es6的模板字符串tab键上面反引号``,如果想插入变量，使用${变量名}

运算符  赋值/算数/比较

先赋值 后++ var x = i ++

先++ 后赋值 var x = ++ i

+= -= *= /= != !==

== 比较的是数值

=== 比较的是数值和数据类型

所有的数据类型都能转换成boolean类型 Infinity无限大true

null, undefined, 0, NaN 都可以转换成false

流程控制

- if (条件真假){执行语句;console.log(内容)}else if(条件){执行语句;}else{语句;}    && 是and  ||是or
    switch (开关){
        case表示一个条件 满足这个条件就会走进来 遇到break跳出。break终止循环。如果某个条件中不写 break，那么直到该程序遇到下一个break停止     case穿透   }
- do-while
- while  -1.初始化循环变量  2.判断循环条件  3.更新循环变量
- for

DOM操作三步走：

var gameScore = '90';
switch (gameScore) {
    case '90':console.log('玩的很好');
        // break;     表示被注释了
    case 'better':
        console.log('玩的老牛逼了');
        // break;
    case 'best':
        console.log('恭喜你 吃鸡成功');
        // break;
    default:
        console.log('很遗憾')
}
-------------------------------------------
var age = 19;
if (age>18) {
    console.log('进来');
}else if (age<18 && age>10){
    console.log('坐坐');
}
else {
    console.log('喝酒');
}
console.log('来了');
----------------------------------------
var i =1;
while (i<11){
    console.log(i);
    i++     //i+=1  i=i+1
}
---------------------------------------
    var i = 3;//初始化循环变量
do {
    console.log(i);
    i++;//更新循环条件

} while (i < 10) //判断循环条件
-------------------------------------------
for (var i = 0;i<=50;i++) {
    console.log(i);}
-----------------------------------------
for (var i =0;i<6;i++){                            //控制行数
    for (var j =0;j<10;j++){document.write('*');   //每行的星星数
    }document.write('<br/>');  }
------------------------------------------

    1.获取事件源
    2.事件
    3.事件驱动

引用数据类型
    Array(数组)
    Object(对象)
    function 函数
    Date

4.DOM(重点 )（Docuemnt Object Model 文档对象模型）

5.BOM(侧重点 *) （Brower Object Model 浏览器对象模型）