arguments函数用法 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>arguments</title>
    <style>
        #div1 {
            width: 200px;
            height: 200px;
            background: red;
        }
    </style>
    <script>
        // 1、求和应用
        // function sum() {
        //     //alert(arguments.length);
        //     var result = 0;
        //     var i = 0;

        //     for (i = 0; i < arguments.length; i++) {
        //         result += arguments[i];
        //     }
        //     alert(result);
        // }
        // sum(1, 2);
        //2、css应用
        function getStyle(obj, attr) { //返回函数样式兼容性问题
            if (obj.currentStyle) {
                return obj.currentStyle[attr]; //ie//不是ie返回undifined
            } else {
                return getComputedStyle(obj, false)[attr]; //火狐
            }
        }

        function css(obj, attr, value) {
            if (arguments.length == 2) { //获取非行间样式
                return getStyle(obj, attr);
            } else if (arguments.length == 3) { //设置
                obj.style[attr] = value;
            }
        }
        window.onload = function() {
            var oBtn = document.getElementById('btn1');
            var oDiv = document.getElementById('div1');
            oBtn.onclick = function() {
                css(oDiv, 'background', 'green');
                //alert(css(oDiv, 'width'));
            }
        }
    </script>
</head>

<body>
    <input id="btn1" type="button" name="" value="样式">
    <div id="div1" style=></div>
</body>

</html>

 

查看范例

posted @ 2017-01-22 11:41  Mr_W_Blog  阅读(278)  评论(0)    收藏  举报