19号以后包括数组在内的所有内容（数组、函数、方法、dom操作）

数组：

1.数组就是许多变量，他们的名称和数据类型都是一致的。

  数组元素：就是数组里面的每一项

2.数组下标：

  数组的下标是0的元素是数组的第一个元素（数组的下标是从0开始的）。

3.获取数组的长度：数组 . lenght;      ( arr.lenght )

4.数组的声明（也是样式）：

  var  arr = [元素，元素，元素。。。];

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

  var arr = new Array ( 3 );

        arr [ 0 ]  = 元素;

        arr [ 1 ]  = 元素;

5.数组的遍历：

  沿着一定的顺序对数组内部的元素做一次且仅做一次访问，就是遍历。

  for 循环   遍历

  for - in  遍历

  for ( var  i  in  arr ) { 

         Arr [ i ];

  }

6. 数组的常用方法

  1. push (  ) ;  在最后追加一个元素

  2. unshift (  ) ;  在前面追加一个元素

  3. pop (  ) ;    删除最后一个元素

  4.  shift (  ) ;  删除第一个元素

  5.  indexOf (  ) ;  查找第一次出现的位置  返回下标   没找到  返回 -1

  6.  lastindexOf (  ) ;  查找最后一次出现的位置  返回下标  没找到 返回-1

二维数组：

 1.数组的元素是一堆数组

    var  arr  = [

          [ 1 ],[ 2 ],[ 3 ],[ 4 ],[ 5 ],[ 6 ]    

     ] ;

函数：

1. 什么是函数：有一定功能代码体的集合

2. 函数的封装

1. 传统方式

function  函数名(){}

该方式的函数有“预加载”过程，允许我们先调用函数、再声明函数

预加载：代码先把函数的声明放入内存。代码开起来是先调用、后声明，本质是先声明、后调用的。

函数名();

function  函数名(){}

 

函数先调用、后声明的条件是，全部代码在一个”<script>”标记里边。

2. 变量赋值方式声明函数(匿名函数使用)

var  函数名 = function(){}

该方式没有“预加载”，必须先声明、后调用。

 

3. 函数的参数

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

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

 

1. 实参和形参的对应关系

没有默认值情况：

在php里边：实参的个数小于形参是不允许的

在javascript里边：实参与形参没有严格的对应关系

 

 

2. 关键字arguments

function  函数名(){}  //函数声明没有形参

函数名(实参，实参);  //调用的时候有传递实参

利用arguments可以在函数里边接收实参信息。

 

4. callee关键字

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

function f1(){

xxxx具体执行代码

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

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

xxxx执行代码

}

f1();

耦合：一处代码的修改会导致其他代码也要发生改变。

  在程序项目里边要开发低耦合度的代码。

 

5. 函数返回值

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

在一定层度上看，全部的数据类型(数值、字符串、布尔、对象、null)信息都可以返回

return本身还可以结束函数的执行。

 

在函数内部返回一个函数出来。

在javascript里边，一切都是对象

在一个函数内部，可以声明数值、字符串、布尔、对象等局部变量信息，言外之意就还可以声明函数(函数内部还要嵌套函数)，因为函数是对象，并且函数可以被return给返回出来。

6. 函数调用

1. 传统方式函数调用

函数名();

2. 匿名函数自调用

(function(){})();

 dom操作：找到元素，操作元素

找元素：（标签对象）

      标签名： document . get ElementsByTagName ( ) ;

      属性 ：  1.  document . get ElementsById ( ) ;  id 属性值

                    2. document . get ElementsByName ( ) ; name属性值

                    3. document . get ElementsByClassName ( ) ; class属性值

      操作元素

              操作内容

                         非表单元素

                                 标签对象 .innerHTML   //  获取标签内容

                                 标签对象 .innerHTML = 123  //修改标签内容

                           表单元素          

                                 标签对象   .value   //获取标签内容

                                 标签对象   .value  = 123   // 修改标签内容

              操作属性

                         标签对象 .getAttributr ( " 属性名 " ) ; //获取标签属性名

                         标签对象 .setAttributr ( " 属性名 "," 值 ") ; //设置标签属性值

              操作样式

                         标签对象  .style.color   //获取标签样式值

                         标签对象  .style.color  = " red "  //设置标签样式值

              添加事件

                        标签对象.addElementListener ( “ click “ , “ 函数名 “ )  不用加on，函数名后面不用加括号

       标签对象.onclick = function ( ) { }

                       标签对象.setAttrbutr ( “onClick “ , “ show ( )“ )

              添加删除标签