<head runat="server">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <script src="Scripts/jquery-1.9.1.min.js"></script>

    <link href="" rel="stylesheet" /><%--这里可以链接一个默认的样式表（link 标签一定不能丢，不然后面 document.getElementsByTagName("link")[0].href = title;会报错）--%>

    <script>

        $(function () {

            var userAgent = navigator.userAgent,

                rMsie = /(msie\s|trident.*rv:)([\w.]+)/,

                rFirefox = /(firefox)\/([\w.]+)/,

                rOpera = /(opera).+version\/([\w.]+)/,

                rChrome = /(chrome)\/([\w.]+)/,

                rSafari = /version\/([\w.]+).*(safari)/;

            var browser;

            var version;

            var ua = userAgent.toLowerCase();

            function uaMatch(ua) {

                var match = rMsie.exec(ua);

                if (match != null) {

                    return { browser: "IE", version: match[2] || "0" };

                }

                var match = rFirefox.exec(ua);

                if (match != null) {

                    return { browser: match[1] || "", version: match[2] || "0" };

                }

                var match = rOpera.exec(ua);

                if (match != null) {

                    return { browser: match[1] || "", version: match[2] || "0" };

                }

                var match = rChrome.exec(ua);

                if (match != null) {

                    return { browser: match[1] || "", version: match[2] || "0" };

                }

                var match = rSafari.exec(ua);

                if (match != null) {

                    return { browser: match[2] || "", version: match[1] || "0" };

                }

                if (match != null) {

                    return { browser: "", version: "0" };

                }

            }

            var browserMatch = uaMatch(userAgent.toLowerCase());

            if (browserMatch.browser) {

                browser = browserMatch.browser;

                version = browserMatch.version;

            }

            var BVSN = (browser + version);

            if (BVSN == "IE11.0") {

                setStyle("style/ie11.css");//这里是样式表的路径

            }

            else if (BVSN == "IE10.0") {

                setStyle("style/ie10.css");

            }

            else if (BVSN == "IE8.0") {

                setStyle("style/ie8.css");

            }

            else if (BVSN.indexOf("chrome") > -1) {

                setStyle("style/chrome.css");

            }

            else if (BVSN.indexOf("firefox") > -1) {

                setStyle("style/firefox.css");

            }

            var width = window.screen.width;//获取浏览器宽度

            var height = window.screen.height;//获取浏览器高度

        });

        function setStyle(title) {

            document.getElementsByTagName("link")[0].href = title;

        }

    </script>

</head>

JS检测浏览器版本信息（包含IE11），并动态添加样式的更多相关文章

  1. js获取浏览器版本信息整理

    一.Navigator 对象 JavaScript Navigator 对象包含了有关访问者浏览器的所有信息.接下来我们学习 Navigator 对象的两个属性. appName 保存浏览器类型 ap ...

  2. js检测浏览器版本代码，兼容ie11

    原文:http://blog.csdn.net/tenkin/article/details/11640165 <script type="text/javascript"& ...

  3. js获取智能机浏览器版本信息

    <!DOCTYPE html><html> <head>        <meta charset="UTF-8">         ...

  4. js网页判断移动终端浏览器版本信息是安卓还是苹果ios,判断在微信浏览器跳转不同页面,生成二维码

    一个二维码,扫描进入网页,自动识别下载苹果和安卓客户端,判断网页如下,(只有苹果的微信不能自动跳转)所以加个微信判断. <!DOCTYPE html> <html> <h ...

  5. JS window对象 userAgent 返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串) 语法 navigator.userAgent

    userAgent 返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串) 语法 navigator.userAgent 几种浏览的user_agent.,像360的兼容模式用的是IE.极速模 ...

  6. javascript判断手机浏览器版本信息

    <script type="text/javascript"> /* * 智能机浏览器版本信息: * */ var browser={ versions:functio ...

  7. jquery和js检测浏览器窗口尺寸和分辨率

    jquery和js检测浏览器窗口尺寸和分辨率,转载自网络,记录备忘 <script type="text/javascript">$(document).ready(f ...

  8. navigator，JS检测浏览器插件

    最早由Netscape Navigator 2.0引入的navigator对象,现在已经成为识别客户端浏览器的事实标准.虽然其它浏览器也通过其它方式提供了相同或相似的信息(例如,IE中的window. ...

  9. 检测浏览器版本类型的JavaScript代码，终极版

    下面的JavaScript代码,不仅可以判断PC端浏览器类型,还可以判断安卓.iOS.其他智能手机.平板电脑或游戏系统. 说废话貌似不是我的风格哈,直接上代码吧: var client = funct ...

随机推荐

  1. java对象的几种创建过程

    java对象的创建过程 (1)用new 语句创建对象,这是最常用的创建对象方法. 下面用一个简单的存在继承关系的实例的创建,来叙述对象创建过程中的细节 概括如下: 执行顺序:(优先级从高到低.)静态代 ...

  2. SpringMVC整体架构

    总结: 1. 用户发起请求到前端控制器(DispatchServlet): 2. 前端控制器没有处理业务逻辑的能力,需要找到具体的模型对象处理(Handler),到处理器映射器中查找Handler对象 ...

  3. 简析P和NP问题的概念

    简析P和NP问题的概念 本文系作者学习笔记,内容均来源于网络,如有侵权,请联系删除 P类问题:所有能用多项式时间算法计算得到结果的问题,称为多项式问题,也就是P(polynomial). 多项式时间举 ...

  4. Spingboot使用log4j2

    1.pom.xml加入log4j2,并同时把spring boot默认的logging去掉,注意一定要全部排除否则会报错. <dependency> <groupId>org. ...

  5. oracle数据泵expdp和impdp使用

    expdp和impdp优缺点 优点: expdp/impdp命令,我们也通常称之为“数据泵(DataPump)”,它具有以下优点: l 在性能上,具有并行处理能力,因此可以获得性能上的优势,加快导入导 ...

  6. 18、远程管理卡、戴尔划RAid

    1.配置远程管理卡: 第一个iDRAC6是远程控制卡名称 第三个LAN ...是配置远程控制卡的 下图配置结束按Esc退出 最后按Esc保存退出 2.windows配置远程管理卡: 把下载下来的软件安 ...

  7. 12、rpm

    1.什么是rpm 由红帽开发用于软件包的安装 升级 卸载 查询 2.rpm包是什么样? 组成部分是什么样的? zip-3.0-11.el7.x86_64.rpm #el7 zip-3.0-1. el6 ...

  8. Windows下nginx的启动，重启，关闭功能

    @echo off rem 提供Windows下nginx的启动,重启,关闭功能 echo ==================begin======================== cls :: ...

  9. OpenCV 在VS2013的安装

    现在就介绍下如何在VS2013上配置openCV3.0的方法 如果是32位操作系统的:https://www.cnblogs.com/ssjie/p/4943439.html 1.下载openCV3. ...

  10. xss技巧记录

    1.iframe的srcdoc属性 先演示一下 <iframe srcdoc="<script>alert(1)</script>"> 浏览器渲 ...