Js 1

Javascript

前端

Html 定义文档的结构 document
CSS 定义文档样式
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 浏览器对象模型）

Js 1

Javascript

运算符 赋值/算数/比较

流程控制

运算符赋值/算数/比较