<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. 学习笔记--最近公共祖先(LCA)的几种求法

    前言: 给定一个有根树,若节点\(z\)是两节点\(x,y\)所有公共祖先深度最大的那一个,则称\(z\)是\(x,y\)的最近公共祖先(\(Least Common Ancestors\)),简称\ ...

  2. wex5 页面跳转

    页面交互: 3种方法: 1.使用Shell提供的方法 打开另一个页面不需要等待页面返回 功能树上打开 2. 用windowDialog组件 需要等待页面返回 3.内嵌页 windowContainer ...

  3. npm操作命令

    查看所有高级的npm moudles npm list --depth= 查看所有全局安装的模块 npm list --depth= -global 查找npm全局安装模块路径 npm config ...

  4. Three.js类似于波浪的效果

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

  5. 运维学习篇之jenkins的安装（CentOS7）

    一. 介绍   Jenkins是一个开源软件项目,是基于Java开发的一种持续集成工具,用于监控持续重复的工作,旨在提供一个开放易用的软件平台,使软件的持续集成变成可能二. 作用  1.持续的软件版本 ...

  6. 服务器挂载 ntfs32 硬盘

    1,fdisk -l 查看硬盘名称 2,mount -t ntfs-3g /硬盘名/  /目标目录/ 3,umount   /硬盘名/ 4,如果卸载不了 就fuser -km /目标目录/

  7. TCP/IP 协议栈4层结构及3次握手4次挥手

    TCP/IP 协议栈是一系列网络协议的总和,是构成网络通信的核心骨架,它定义了电子设备如何连入因特网,以及数据如何在它们之间进行传输.TCP/IP 协议采用4层结构,分别是应用层.传输层.网络层和链路 ...

  8. hdu3586 Information Disturbing[二分答案+树形DP]

    给定 n 个节点的树,边有权值.1 号点是根,除了 1 号点外的度数为 1 的节点是叶子.要求切断所有叶子和 1 号点之间的联系,切断一条边要花费这条边上权值对应的代价,要求总的代价不超过 m.在满足 ...

  9. python继承小demo

    # -*- coding: utf-8 -*- """ 继承的意义:实现代码重用,数据函数都可以重用 子类覆盖,子类与父类同名 选择性继承 super().__init_ ...

  10. 判断当前环境是ios还是安卓

    /** * @name 判断iOS */ export const isiOS = ()=>{ let u = navigator.userAgent; let iOs = !!u.match( ...