一、函数
- 什么是函数
function show(){}//不带参数 function show(){return 123;}//不带参数,有返回值 function show(arg1, arg2,...){}//可带一个或多个参数 function show(a, b){//带参数,并有返回值 return a+b; }
函数实例:获取元素样式
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1{ width:100px; height:100px; background:red;} </style> <script> //获取元素样式 function getStyle(obj, attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj, false)[attr]; } } window.onload = function(){ var oDiv = document.getElementById('div1'); alert(getStyle(oDiv, 'width')); alert(getStyle(oDiv, 'color')); }; </script> </head> <body> <div id="div1" style="color:#fff">color</div> </body> </html>
2. 函数的参数(不定参,可变参)
//求和 function add(){ var result = 0; for(var i=0;i<arguments.length;i++){ result += arguments[i]; } return result; } alert(add(1,2,3));
二、数组
- 数组定义
var arr = [1, 2, 3, 4, 5]; var arr2 = new Array(1, 2, 3, 4, 5);
2. 属性:length
既可以获取数组长度,也可以设置长度,可以用来清空数组,如:var arr = [1, 2, 3, 4, 5]; arr.length = 0;
数组中应只存一种数据类型
3. 数组方法:
添加删除:push()从末尾添加, pop()从末尾移除; unshift()从首位添加, shift()从首位移除;
4. 排序转换:
var arr = [2, 44, 118, 90, 1, 33, 29]; arr.sort(function(num1, num2){ return num1-num2; }); alert(arr);
数组连接:concat(); arr1.concat(arr2);
数组join:用分隔符把数组转换成字符串 var arr = [1, 3, 4, 5, 6]; var str = arr.join('-'); //1-3-4-5-6;
字符串split:用分隔符把字符串拆分成数组 var str = '1-2-3-4-5'; var arr = str.split('-'); //[1,2,3,4,5];
5. 数组的插入删除(splice)
splice(index, count, elem1, elem2, ..., elemN); //开始位置, 长度,
var arr = [2, 44, 118, 90, 1, 33, 29]; //删除 //arr.splice(2, 2); //插入 //arr.splice(2, 0, 100) //替换 //arr.splice(2, 1, 99); alert(arr);