定时器和函数封装

定时器和函数封装

1.函数返回值

1.1return 返回值

• return 值 return一次只能返回一个值 多个值返回有数组或者对象
• return除了有返回值的作用 还有结束函数执行的作用

return [a,b]
console.log(123)

1.2 获取非行间样式

1.2.1获取行间样式

• 标签.style.样式名 如果样式名是-链接 使用驼峰命名 例如font-size fontSize
  • 标签.style.样式名 只能获取行间样式

 // 1.获取行间样式
        // 标签.style.样式名   只能获取行间样式
        var oDiv = document.getElementsByTagName("div")[0];
        console.log(oDiv.style.color);// "pink"
        console.log(oDiv.style.width);//""

1.2.2获取非行间样式和行间样式

• 标准浏览器(火狐 谷歌 欧朋 safari IE(9-11))

  • window.getComputedStyle(标签).样式名

  // 标准浏览器  window.getComputedStyle(标签).样式名
          var w =   window.getComputedStyle(oDiv).width;
          console.log(w);// 300px
  
          var h = window.getComputedStyle(oDiv).height;
          console.log(h);// 300px
  
  
          var bgcolor = window.getComputedStyle(oDiv).backgroundColor
          console.log(bgcolor);//rgb(255, 0, 0)
  
  
          var color = window.getComputedStyle(oDiv).color;
          console.log(color);// rgb(255, 192, 203)
  
          var ftsize = window.getComputedStyle(oDiv).fontSize;
          console.log(ftsize);//50px
  

• IE低版本浏览器(IE5-8)

  • 标签.currentStyle.样式名

  // IE低版本  标签.currentStyle.样式名
          var w1 = oDiv.currentStyle.width;
          console.log(w1);// 300px
  
          var h1 = oDiv.currentStyle.height;
          console.log(h1);// 300px
  
          var bgcolor1 = oDiv.currentStyle.backgroundColor;
          console.log(bgcolor1);// red
  
          var color1 = oDiv.currentStyle.color;
          console.log(color1);// pink
          
          var ftsize1 = oDiv.currentStyle.fontSize;
          console.log(ftsize1);// 50px
  
  

• 兼容

  • 判断方法1 window.getComputedStyle这个方法是否存在

            // 1.判断浏览器  判断用户是运行在标准浏览器 还是IE低版本浏览器
            /* 
                标准浏览器(谷歌 火狐 欧朋 safari ie(9-11))   window.getComputedStyle.样式名
                IE低版本(ie5-8)     标签.currentStyle.样式名
                 window.getComputedStyle //这是js内置的一个方法(函数)
            */
            console.log(window.getComputedStyle);//标准浏览器输出  ƒ getComputedStyle() { [native code] }   IE低版本浏览器  undefined
            console.log(Boolean(window.getComputedStyle));// true
            console.log(Boolean(undefined));//false
    
            //判断方法1