jQuery浏览器功能测试support --样式测试

样式测试(2.1~2.3)3个

jQuery.support = (function() {

    var support,
        all,
        a,

        div = document.createElement( "div" ),
        documentElement = document.documentElement;

    // Preliminary tests
    div.setAttribute("className", "t");
    div.innerHTML = "   <link/><table></table><a href='/a' style='top:1px;float:left;opacity:.55;'>a</a><input type='checkbox'/>";

    all = div.getElementsByTagName( "*" );
    a = div.getElementsByTagName( "a" )[ 0 ];

    support = {
        // Get the style information from getAttribute
        // (IE uses .cssText instead)
        // 2.1 如果DOM元素内联样式可以通过DOM属性style直接访问,则测试项style为true
        // 在IE6, IE7,IE8中,需要通过style.cssText访问内联样式,此时测试项style为false, 而在其他浏览器重则为true
        style: /top/.test( a.getAttribute("style") ),


        // Make sure that element opacity exists
        // (IE uses filter instead)
        // Use a regex to work around a WebKit issue. See #5145
        // 2.2 如果浏览器支持样式opacity, 则测试项opacity为true
        // 在IE6, IE7, IE8中,不支持样式opacity, 需要用滤镜(alpha filters)代替,此时测试项opacity为false, 而在其他浏览器中则为true
        // 在Opera9.2以及之前的Opera浏览器中,a.style.opacity==="0.5"的结果为false,即认为Opera不迟滞样式Opacity, 而事实上是支持的。
        // jquery-1.2.js的写法:a.style.opacity==="0.5"
        // jquery-1.4.js的写法是: /^0.55$/.test(a.style.opacity)
        opacity: /^0.55/.test( a.style.opacity ),

        // Verify style float existence
        // (IE uses styleFloat instead of cssFloat)
        // 2.3 如果浏览器支持通过style.cssFloat访问样式float, 则测试项cssFloat为true
        // 在IE6,IE7, IE8中,需要通过style.styleFloat访问样式float,此时测试项cssFloat为false, 而在其他浏览器中则为true
        cssFloat: !!a.style.cssFloat,

    };




    return support;
})();
    原文作者:小渝人儿
    原文地址: https://segmentfault.com/a/1190000000631082
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞