JS定时器和函数封装 用定时器写轮播图

函数返回值

2.1return 返回值

• return 值 return一次只能返回一个值 多个值返回有数组或者对象

• return除了有返回值的作用 还有结束函数执行的作用

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

2.2 获取非行间样式

2.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);//""

2.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