arguments数组的操作
arguments是一个类数组对象,这个数组里面保存的是传递给一个函数的参数
例子:求和
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script>
function sum(){
var result = 0;
for(var i = 0;i<arguments.length;i++){
result+=arguments[i];
}
return result;
}
window.onload = function(){
alert(sum(1,2,3,4,5,6,7));
}
</script>
</head>
<body>
</body>
</html>
如上所示,参数‘1,2,3,4,5,6‘作为arguments的元素存储在arguments数组中,通过数组的遍历累加进行求和处理。最后弹出显示框为求和结果
不同内核浏览器获取外部样式的方式
CSS添加样式的方式有三种:行内样式、内嵌式、外部样式。
通常通过js获取样式的方式是:oDiv.style[width],但是这种方法有局限性,只能获取行内样式的属性,针对不同内核浏览器有不同的方式对该问题进行了处理
ie:oDiv.currentStyle[name]
frifox:getComputedStyle(obj,false)[name]
美中不足的是该两种方法只能获取属性,但无法对属性进行修改
例子
假定有这样一个div:<div id="div1" style="width:200px; height:200px; background-color:red"/>
<script>
function getStyle(obj,name){
if(obj.currentStyle){ //只适合ie浏览器,
return obj.currentStyle[name];
}else{
return getComputedStyle(obj,false)[name];//适合ie9及以上+火狐浏览器
}
}
window.onload = function(){
var oDiv = document.getElementById("div1");
getStyle(oDiv,"width");
}
</script>