·函数返回值的运用
function show()
{
return 'asdasdas'
}
var a = show();
function show(a,b)
{
return a+b;
}
alert (show(5,7));
·函数传参
可变参(不定参):arguments 参数个数可变、不定,arguments其实是一个数组, 例子:求和
var result=0;
function sum()
{
for(var i=0;i<arguments.length;i++)
{
result+=arguments[i];
}
return result;
};
alert(sum(1,1,2,3,4,5,5,1,1,2,3,4,5,5,1,1,2));
css(oDiv,'width') 两个是获取
css(oDiv,'width','200px') 三个是设置
function css()
{
if (arguments.length==2)
{
return arguments[0].style[arguments[1]];
}
else
{
arguments[0].style[arguments[1]]=arguments[2];
}
}
window.οnlοad=function ()
{
var oDiv = document.getElementById('div1');
css(oDiv,'background','black');
};
·取非行间样式
currentStyle: 例:oDiv.currentStyle.width 只兼容IE (只能取单一样式)
getComputedStyle:例:getComputedStyle(odiv.null).width 不兼容IE
window.οnlοad=function()
{
var oDiv = document.getElementById('div1');
//IE
//alert(oDiv.currentStyle.height);
//FF 、chrome \其他
alert(getComputedStyle(oDiv, false).height);
}
解决兼容问题:if里面放currentStyle,else里面放getComputedStyle(封装起来用更简单 )
function getStyle(ojk,name)
{
if (ojk.currentStyle)
{
return ojk.currentStyle[name];
}
else
{
return getComputedStyle(ojk,null)[name];
}
}
window.οnlοad=function()
{
var oDiv = document.getElementById('div1');
alert(getStyle(oDiv,'width'));
}
·数组基础
两种定义数组的方法
//var a = new Array(1,2,3)
var a=[1,2,3]
alert(a[1]);
数组的头尾添加和删除
var arr=[1,2,3];
//尾部添加
arr.push(4);
//尾部删除
arr.pop();
//头部添加
arr.unshift(0);
//头部删除
arr.shift();
alert(arr);
数组的中间添加和删除
删除:arr.splice(起点,长度)插入:arr.splice(起点,长度,元素...);
var arr=[1,2,3,4,5,6];
//删除
//arr.splice(2,2);
//插入
arr.splice(2,0,1,1,1);
alert(arr);
数组的连接
var a = [1,2,3];
var b = [4,5,6];
alert(a.concat(b));
join的使用 如下所示的会变成 1-2-3
var arr=[1,2,3];
alert(arr.join('-'));
数组的排序,sort()的使用
//字符的元素按a~z的顺序排列
var arr = ['float','width','height','background']
arr.sort();
alert(arr);
//数字的元素按开头数字从小到大排序
var arr = [23,83,994,65,11,123]
arr.sort();
alert(arr);
解决数字不会按整体排序问题,在sort()里写一个比较函数
var arr = [23,83,994,65,11,123]
arr.sort(function (n1,n2)
{ //下面可以简写成一句话
return n1-n2;
/* if(n1<n2)
{
return -1;
}
else if(n1>n2)
{
return 1;
}
else
{
return 0;
} */
});
alert(arr);
笔记:
深入JavaScript
·函数返回值
哪里调用返回哪里
函数只能有一个返回值(json除外),应该只返回一种类型的值
·函数传参
可变参(不定参):arguments 参数个数可变、不定
arguments其实是一个数组, 例子:求和
css(oDiv,'width') 两个是获取
css(oDiv,'width','200px') 三个是设置
取非行间样式:
currentStyle : 例:oDiv.currentStyle.width 只兼容IE (只能取单一样式)
getComputedStyle:例:getComputedStyle(odiv.null).width 不兼容IE
利用判断解决:if里面放currentStyle,else里面放getComputedStyle(封装起来用更简单 )
CSS里面分两种样式:
复合样式:background、border等有很多的小样式
单一样式:width、position
·数组基础
var a = new Array(1,2,3) 与 var arr = [1,2,3] 一样 后面的性能略高
数组的长度可以获取,也可以设置,例子:快速清空数组的值
arr.push():尾部添加 arr.pop():尾部删除
arr.unshift:头部添加 arr.shift():头部删除
删除:arr.splice(起点,长度)
插入:arr.splice(点,长度,元素...);
数组连接:a.concat(b)
join : arr.join('-') ,arr[1,2,3,4] 变成 1-2-3-4
数组排序:arr.sort() 字符,
比较函数(数字)
arr.sort(function(n1,n2){
if(n1<n2)
{
return -1;
}
else if(n1>n2)
{
return 1;
}
else
{
return 0;
}
})
arr.sort(function(n1,n2){
return n1-n2;
})