关键词return arguments

return 函数返回值

例子：

function show(a,b)
{
 return(a+b)
}
alert(show(6,7))

arguments 参数数组 (可变参，不定参)

function sum()
{
    var result=0;
    var i=0;
    
    for(i=0;i<arguments.length;i++)
    {
        result+=arguments[i];
    }
    
    alert(result);
}

sum(12, 5, 7, 8, 12, 5, 7, 8, 12, 5, 7, 8, 12, 5, 7, 8, 12, 5, 7, 8, 12, 5, 7, 8, 12, 5, 7, 8, 12);

currentStyle 获取计算后的样式//IE下使用 例子：alert(oDiv.currentStyle.width)

getComputedStyle 获取计算后的样式//FF下使用 例子：alert(getComputedStyle(oDiv,false).width)

例子：* {width:300px;}
div {width:200px;}
#div1 {width:100px; height:100px; background:red;}


    var oDiv=document.getElementById('div1');
    
    //获取计算后的样式(当前样式、最终样式)
    //IE
    //alert(oDiv.currentStyle.width);
    
    //FF
    //alert(getComputedStyle(oDiv, false).width);
    
    if(oDiv.currentStyle)
    {
        //IE
        alert(oDiv.currentStyle.width);
    }
    else
    {
        //FF
        alert(getComputedStyle(oDiv, false).width);
    }

 封装兼容获取样式

function getStyle(obj,attr)
{
    if(obj.currentStyle)
    {
        return obj.currentStyle[attr]
    }
    else
    {
        return getComputedStyle[obj,false][attr]
    }
}

 封装案例

View Code 
<!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=gb2312" />
<title>无标题文档</title>
<style>
* {width:300px;}
div {width:200px;}
#div1 {width:100px; height:100px; background:red;border:2px solid #ccc;}
</style>
</head>

<body>
<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, 'backgroundColor'));
}
</script>
<div id="div1"></div>
</body>
</html>

 

posted @ 2013-04-12 10:47  殇灬绝恋  阅读(145)  评论(0)  编辑  收藏  举报