【JavaScript】原生js中函数传不定参以及获取非行间样式的方法

169 阅读1分钟

函数返回值

函数返回值:就是函数的执行结果

function abc(){
    return 12; //abc() 等于12
    return; //abc() 等于 undefined
    //函数内容为空,abc() 等于 undefined
}

 函数传不定参

<script>
    function sum(){
        var result = 0; //arguments 是一个由参数组成的数组
        for(var i = 0; i < arguments.length; i++){
            result += arguments[i] 
        }
        return result;
    }
    alert(sum(7,9,10,7,9,10))
</script>

取非行间样式

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #div1 {
            width: 300px;
            height: 200px;
            background-color: #ccc;
            border: 1px solid #999;
        }
    </style>
</head>

<body>
    <div id="div1"></div>
    <hr>
    <ol>
        <li>oDiv.currentStyle.width:IE浏览</li>
        <li>getComputedStyle(oDiv, false).width : 支持火狐、谷歌</li>
    </ol>
    <script>
        function getStyle(obj, name) {
            if (obj.currentStyle) {
                return obj.currentStyle[name] //IE浏览器
            } else {
                return getComputedStyle(obj, false)[name] //谷歌、火狐
            }
        }
        window.onload = function () {
            var oDiv = document.getElementById('div1');
            getStyle(oDiv, 'width') //函数调用
            if (oDiv.currentStyle) {
                alert(oDiv.currentStyle.width) //IE浏览器
            } else {
                alert(getComputedStyle(oDiv, false).width) //谷歌、火狐
            }
        }
    </script>
</body>