JS如果根据UA展示不同内容？

JavaScript012

JS如果根据UA展示不同内容？,第1张

//首先将两个DIV在样式表中都设为隐藏

    var ua = navigator.userAgent.toLowerCase()

    if (/iphone|ipad|ipod/.test(ua)) {

        $(".ios").show()    

    } else if (/android/.test(ua)) {

        $(".az").show()    

    }

var checkSystem = function () {

    var uaMap = {

        'android': /Android/i,

        'ios': /(?:iPhone|iPad)/i

    }

    var ua = window.navigator.userAgent

    for (var i in uaMap) {

        if (uaMap[i].test(ua)) {

            return i

        }

    }

    return null

}

然后直接用

checkSystem() == 'ios'

和

checkSystem() == 'android'

判断。

或者直接这样

document.body.className = checkSystem()

这样body上就有系统的class了。

控制CSS就能控制如何显示了。