学习blus老师js(2)--深入JavaScript

1.函数传参　　　　　　　　　　　　　　　　　　　　　　　　　　

可变参（不定参）：arguments

参数的个数可变，参数数组

例1.求和

求所有参数的和

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
function sum()
{
    //alert(arguments.length);
    //alert(arguments[0]);
    //arguments
    
    var result=0;
    
    for(var i=0;i<arguments.length;i++)
    {
        result+=arguments[i];
    }
    
    return result;
}

alert(sum(12, 6, 8, 6, 8, 6, 8, 6, 8, 6, 8, 6, 8, 6, 8, 6, 8, 6, 8, 6));
</script>
</head>

<body>
</body>
</html>

View Code

例子2：CSS函数

判断arguments.length

给参数取名，增强可读性

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
function css(obj, name, value)
{
    if(arguments.length==2)    //获取
    {
        return obj.style[name];
    }
    else                    //设置
    {
        obj.style[name]=value;
    }
}

window.onload=function ()
{
    var oDiv=document.getElementById('div1');
    
    alert(css(oDiv, 'width'));
    
    //css(oDiv, 'background', 'green');
};
</script>
</head>

<body>
<div >
</div>
</body>
</html>

View Code

2.取非行间样式：

取非行间样式(不能用来设置)：

obj.currentStyle[attr]　　　　　　　　//IE

getComputedStyle(obj, false)[attr]　　//chrome / FF

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#div1 {width:200px; height:200px; background:red;}
</style>
<script>
function getStyle(obj, name)
{
    if(obj.currentStyle)                    //IE
    {
        return obj.currentStyle[name];
    }
    else                                    //chrome / FF
    {
        return getComputedStyle(obj, false)[name];
    }
}

window.onload=function ()
{
    var oDiv=document.getElementById('div1');
        
    alert(getStyle(oDiv, 'backgroundColor'));
};
</script>
</head>

<body>
<div >
</div>
</body>
</html>

View Code

但是要注意上面getStyle()存在的问题，这个只能取单一样式，如果要取复合样式，如上面的background，要使用'backgroundColor'

学习blus老师js(2)--深入JavaScript

3.数组基础　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

1）添加、删除元素