数组:
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 ( )“ )
添加删除标签