arguments函數用法

時間 2019-11-19

標籤 arguments 函數用法简体版

原文原文鏈接

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

<head>
    <meta charset="UTF-8">
    <title>arguments</title>
    <style>
        #div1 {
            width: 200px;
            height: 200px;
            background: red;
        }
    </style>
    <script>
        // 一、求和應用
        // 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);
        //二、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>

查看範例javascript

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。