妙味课堂视频总结

最新推荐文章于 2021-08-05 22:07:51 发布

qq_30414027

最新推荐文章于 2021-08-05 22:07:51 发布

阅读量586

点赞数

本文链接：https://blog.csdn.net/qq_30414027/article/details/47361303

版权

妙味课堂：

<span style="font-size:12px;">1、%取模
    var n=72;
    alert(parseInt(n/60)+'分'+n%60+'秒');
2、if...else语句==> ?:
   if(条件)
   {
   语句1
   }    
   else      ===>等价于  条件？语句1：语句2
   {
   语句2
   }
3、break和continue
    eg:  var i=0;
         for(i=0;i<5;i++)
         {
               if(i==2)
               {
               break;        //终止整个循环
               continue;     //终止本次循环，继续下一次循环
               }
               alert(i);
         }</span>

4、什么是真？什么是假？
真的：true、非零数字、非空字符串、非空对象

假的：false、数字零、空字符串、空对象null、undefined

5、Json:专门为JS诞生的一种数据格式

<span style="font-size:12px;">Json和数组：
   eg:(1)  var obj={a:5,b:6,c:'abc',d:[1,2,3,4]}  //Json里面可以放数组
           alert(obj.c)  //alert(obj.d)  alert(obj.d[0]);  
      (2)  var arr=[{a:5,b:12},{a:6,b:19}];   //数组里面也可以放Json
           alert(arr[1].b);  
   Json    和for in  
   eg: var obj={a:5,b:3,c:98};
       var attr='';
       for(attr in obj)
       {
       alert(attr);   //attr中存的abc逐次弹出
       //alert(attr+'='+obj[attr]);
       }</span>

6、函数返回值
    function show()
   {
   //return;   //弹出undefined
   }
   alert(show());
   弹出undefined的两种情况：(1)无return
                           (2)有return无值
7、可变参arguments：参数个数可变

<span style="font-size:12px;">  eg:(1)  function show()
           {
              //alert(arguments[0]);     //12
                alert(arguments.length)    //2
           }
               show(12,5);
       (2)    function sum()
            {
                  var result=0;
                  var i=0;
                  for(i=0;i<arguments.length;i++)
                  {
                     result+=arguments[i];
                  }
                  alert(result);
            }
            sum(12,3,45,22,2,67,88,54);</span>

8、currentStyle

<span style="font-size:12px;">  eg:(1)  <style>
            #div1{width:100px; height:100px; background:red;}
            </style>
            <script>
            window.οnlοad=function()
            {
            var oDiv=document.getElementById("div1");
            alert(oDiv.currentStyle.width);   //currentStyle:获取计算后的样式  只能在IE下使用
            }                                 //Firefox下：alert(getComputedStyle(oDiv,false).width);
            </script>
            <body>
            <div id="div1"></div>
            </body>    
       (2)    <style>
            #div1{width:100px;height:100px;background:red;}
            </style>
            <script>
            function getStyle(obj,attr)        //哪个元素，哪个样式
            {
            if(obj.currentStyle)        //object——>true
            {
            return obj.currentStyle[attr];
            }
            else
            {
            return getComputedStyle(obj,false)[attr];
            }
            }
            window.οnlοad=function()
            {
            var oDiv=document.getElementById('div1');
            alert(getStyle(oDiv,'height'));  //复合样式取不到，如background,可以取到基本样式，如width,background-color
            }
            </script>
            </head>
            <body>
            <div id="div1"></div>
            <body>
       (3)  <head>
            <style>
            #div1{width:100px;height:100px;background:red;}
            </style>
            <script>
            function getStyle(obj,attr)        //哪个元素，哪个样式
            {
            if(obj.currentStyle)        //object——>true
            {
            return obj.currentStyle[attr];
            }
            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.οnlοad=function()
            {
                var oBtn=document.getElementById('btn1');
                var oDiv=document.getElementById('div1');
                oBtn.οnclick=function()
                {
                    css(oDiv,'background','green');
                    //alert(css(oDiv,'width'));
                }
            }
            </script>
            <head>
            <body>
            <input id="btn1" type="button" value="样式"/>
            <div id="div1"></div>
            </body></span>

qq_30414027

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
妙味课堂视频总结

妙味课堂：1、%取模 var n=72; alert(parseInt(n/60)+'分'+n%60+'秒');2、if...else语句==> ?: if(条件) { 语句1 } else ===>等价于条件？语句1：语句2 { 语句2 }3、break和continue eg: var i=
复制链接

扫一扫