P17 Arguments 사용법 시연

8274 단어
DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>    (   )argumentstitle>
    <script>
        /* 
                   arguments   
                      ,      css()       .
        1. arguments     ,                
        2.   css()        
            1.           ,                
            2.          ,               ,                  
        */
        function css() {
            var obj = arguments[0];
            var name = arguments[1];
            var value = arguments[2];
            if (arguments.length == 2) {
                // css("odiv", 'width')      jQuery    ,           ,         
                //   arguments[1]          ,          
                //      style[arguments[1]]           
                return obj.style[name];
            } else if (arguments.length == 3) {
                //          ,                
                return obj.style[name] = value;
            }
        }
        window.onload = function () {
            var odiv = document.getElementById("div1");
            /* 
                       :
            1.      div      width     300px
            2.          div        ,              css()           
            */
            alert(css(odiv, 'width', '300px'));
        }
    script>
head>

<body>
    <div id="div1" style="width: 200px; height: 200px; background: green;">div>
body>

html>

좋은 웹페이지 즐겨찾기