深入JavaScript

·函数返回值的运用

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函数的使用 ，与arguments配合
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;
})