代码收藏（二）JavaScript 根据浏览器更改相应的兼容模式

最新推荐文章于 2024-08-03 17:05:14 发布

370370370370370

最新推荐文章于 2024-08-03 17:05:14 发布

阅读量476

点赞数 2

文章标签： javascript

本文链接：https://blog.csdn.net/qq_36486067/article/details/105921084

版权

代码收藏专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 浏览器版本信息：
    IE5:Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; McAfee)
    IE7:Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; McAfee)
    IE8:Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; McAfee)
    IE9:Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; McAfee)
    IE10:Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; McAfee)
    IE11:Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; McAfee; rv:11.0) like Gecko
    Firefox:Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:75.0) Gecko/20100101 Firefox/75.0
    Chrome:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.87 Safari/537.36ri/537.36 -->

    <script>
        //以侦听事件为例，区分IE8以上或以下的兼容格式

        //IE版本号的兼容格式
        function on(target,type,handler){
            var b=judgeBrowser("IE");
            if(b && Number(b)<9){
                target.attachEvent("on"+type,handler);
            }else{
                target.addEventListener(type,handler);
            }
        }

        //获取IE版本号
        function judgeBrowser(browser){
            var arr=getBrowserRV();
            console.log(arr);
            if(browser.toLowerCase()===arr[0].toLowerCase()){
                return arr[1];
            }else{
                return false;
            }
        }

        //判断当前浏览器并获取浏览器名称和版本号
        function getBrowserRV(){
            var str=navigator.userAgent;
            if(str.indexOf("Chrome")>-1){
                var index=str.indexOf("Chrome");
                return str.slice(index,str.indexOf(" ",index+1)).split("/");
            }
            if(str.indexOf("Firefox")>-1){
                var index=str.indexOf("Firefox");
                return str.slice(index).split("/");
            }
            if(str.indexOf("rv:")>-1 && str.indexOf("Trident")>-1){
                return ["IE","11"];
            }
            if(str.indexOf("MSIE")>-1){
                var index=str.indexOf("MSIE");
                return ["IE",str.slice(index,str.indexOf(";",index+1)).split(" ")[1]];
            }
        }
    </script>
</body>
</html>

370370370370370

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
代码收藏（二）JavaScript 根据浏览器更改相应的兼容模式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&lt...
复制链接

扫一扫