复习

1. HTML 超文本标记语言

1. html最重要的三点
   1. 标签的写法用法

<标签名  属性1=“属性值1” ></标签名>

1. 正确嵌套

把一个标签当做另一个标签的内容

1. 标签的特性
2. 标签的特性

1. 行内标签

可以和其他元素共占一行，不能改变宽高  比如：a      span          strong等标签

2. 块标签

独自占一行，不能和其他元素呆在同一行，可以设置宽高     比如：div         h1-h6

3. 行内块标签

可以和其他元素共占一行，可以设置宽高         比如：img       input

4. 特殊标签

表格     

<table>

<tr>                                       <caption></caption> 标题标签跟tr一个级别

<td></td>                  <th></th>表头标签

</tr>

</table>

表单

表单标签

<form>

里面套表格

</form> 

表单元素

文本框类型：

Input标签 属性： text 文本 password 密码  hidden隐藏域

textarea双标签

按钮类型

Button

Input 标签  属性：submit 提交  reset 复位  button 普通

选择类型

单选：radio（checked 默认选中）

多选：checkbox

下拉：<select>  <option> </option>  </select>  （嵌套标签）

文件类型：file

图片类型：image

        

  

2. Css 层叠样式表

1. 分类

1. 内联                   把style 写在标签里面，优先级最高
2. 内嵌                   在head里面写style
3. 外部引用         把style写在CSS文件里，用Link引用

<link rel=”stylesheet” href=”路径”>

2. 选择器

1. ID选择器               #标签名
2. Class选择器          .标签名
3. 标签选择器           img
4. 后代选择器          #父选择  #子选择    
5. 并列选择                #标签名，#标签名
6. 通用选择  *{ }

3. 属性

4. 盒子模型

box-sizing:border-box

指定的宽高自适应边框.和内边距外边距

3. Js 脚本语言

1. 关键字

系统定义有意义的名字 如：a标签  div标签

1. 标识符

是自己定义的名字， 如：var 标识符 ；

1. 变量

是用来存数据的，其中的数据是可以被改变的；

定义并赋值：

var  attr = 123;

1. 常量

用来储存数据，并不想让他变化的标识符

1. 数据类型

（1）字符串

（2）Object   对象，包括数组

（3）布尔

（4）Null  空

（5）Undefined   未定义

（6）数字

1. 运算符

（1）算术运算符

+、-、*、/、%、++（自增）、--（自减）、

（2）比较运算符

<、>、<=、>=、==（不严格等于）、===（严格等于）、

（3）逻辑运算符

 ||（或）   &&（与）  ！（非）

（4）赋值运算符

=  +=  -=   *=  /=

（5）三元运算符

表达式  ？真 干这个 ：假  干这个；

1. 控制语句

判断语句： if；switch；

If(表达式){

  条件是真干这个

}else{

条件是假干这个

}

switch (匹配条件){

  case “匹配成功”：

   执行内容

   Break；

}

循环语句： for； while；

1. 数组

（1）数组的含义

就是许多变量的数据类型和名称都是一样的

（2）数组的定义

  var arr=[];

var arr = new array(元素，元素，元素。。。);

  var arr = new array(3);

     arr[0] = 元素；

     arr[1] = 元素；

（3）数组的下标

  数组的下标是从0开始的，数组下标的0就是第一个元素

（4）遍历数组

 沿着一定顺序做一次且仅做一次的访问就是遍历

for 遍历

　　var aa = [1,2,3];

　　for(var i =  0; i < aa.length; i++){

　　　　alert(aa[i]);

}

for in 遍历

　　for(var i in aa){

　　　　alert(aa[i]);

　　}

（5）获取数组长度

 数组.lenght；（arr.lenght）；

（6）数组的常用方法

1. push（）； 在数组的最后追加一个元素

2. unshift（）；在数组的前面追加一个元素

3. pop（）； 删除数组的最后一个元素

4. shift（）；删除数组的第一个元素；

5. indexOf（）；查找第一次出现的位置，返回下标，没找到返回-1；

6. LastindexOf（）；查找最后一次出现的位置，返回下标，没找到返回-1；

（7）一维数组

  以为数组就是数组的每个元素只带有一个下标的数组

（8）二维数组

  二维数组是把一维数组当做另一个数组的元素

1. 方法（函数）

（1）函数

①  函数是有一定功能体的集合

②  函数的封装

  Function 函数名（）{

}

③  匿名函数的定义和使用

var  函数名 = function(){}

④     函数的参数

实参：函数名(‘tom’,23,’beijing’);//传递实参信息

形参：function  函数名(形参1,形参2，形参3=’abc’){}

⑤     函数的关键字

1)         Arguments

showargs(1,2,3,4,5);

function showargs(){
        console.log( arguments );
        }

2)         callee

意思：在函数内部使用，代表当前函数的引用

function f1(){

xxxx具体执行代码

arguments.callee();   //调用本函数（或者f1()）

//都可以使得本函数执行，我们选择callee,其可以降低代码的耦合度。

xxxx执行代码

}

⑥     函数返回值  return

    return 一个函数执行完毕需要返回具体的信息，使用return关键字返回信息。

return 也可以结束本次函数的执行