1. <head runat="server">
  2.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  3.     <title></title>
  4.     <script src="Scripts/jquery-1.9.1.min.js"></script>
  5.     <link href="" rel="stylesheet" /><%--这里可以链接一个默认的样式表（link 标签一定不能丢，不然后面 document.getElementsByTagName("link")[0].href = title;会报错）--%>
  6.     <script>
  7.         $(function () {
  8.             var userAgent = navigator.userAgent,
  9.                 rMsie = /(msie\s|trident.*rv:)([\w.]+)/,
  10.                 rFirefox = /(firefox)\/([\w.]+)/,
  11.                 rOpera = /(opera).+version\/([\w.]+)/,
  12.                 rChrome = /(chrome)\/([\w.]+)/,
  13.                 rSafari = /version\/([\w.]+).*(safari)/;
  14.             var browser;
  15.             var version;
  16.             var ua = userAgent.toLowerCase();
  17.             function uaMatch(ua) {
  18.                 var match = rMsie.exec(ua);
  19.                 if (match != null) {
  20.                     return { browser: "IE", version: match[2] || "0" };
  21.                 }
  22.                 var match = rFirefox.exec(ua);
  23.                 if (match != null) {
  24.                     return { browser: match[1] || "", version: match[2] || "0" };
  25.                 }
  26.                 var match = rOpera.exec(ua);
  27.                 if (match != null) {
  28.                     return { browser: match[1] || "", version: match[2] || "0" };
  29.                 }
  30.                 var match = rChrome.exec(ua);
  31.                 if (match != null) {
  32.                     return { browser: match[1] || "", version: match[2] || "0" };
  33.                 }
  34.                 var match = rSafari.exec(ua);
  35.                 if (match != null) {
  36.                     return { browser: match[2] || "", version: match[1] || "0" };
  37.                 }
  38.                 if (match != null) {
  39.                     return { browser: "", version: "0" };
  40.                 }
  41.             }
  42.             var browserMatch = uaMatch(userAgent.toLowerCase());
  43.             if (browserMatch.browser) {
  44.                 browser = browserMatch.browser;
  45.                 version = browserMatch.version;
  46.             }
  47.             var BVSN = (browser + version);
  48.             if (BVSN == "IE11.0") {
  49.                 setStyle("style/ie11.css");//这里是样式表的路径
  50.             }
  51.             else if (BVSN == "IE10.0") {
  52.                 setStyle("style/ie10.css");
  53.             }
  54.             else if (BVSN == "IE8.0") {
  55.                 setStyle("style/ie8.css");
  56.             }
  57.             else if (BVSN.indexOf("chrome") > -1) {
  58.                 setStyle("style/chrome.css");
  59.             }
  60.             else if (BVSN.indexOf("firefox") > -1) {
  61.                 setStyle("style/firefox.css");
  62.             }
  63.             var width = window.screen.width;//获取浏览器宽度
  64.             var height = window.screen.height;//获取浏览器高度
  65.         });
  66.         function setStyle(title) {
  67.             document.getElementsByTagName("link")[0].href = title;
  68.         }
  69.     </script>
  70. </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. Git复习（四）之解决冲突

    解决冲突 合并分支往往也不是一帆风顺的 假设:我们从master创建了一个新的分支feature1更改了最后一行提交,我们切换到master分支也更改了最后一行提交,现在,master分支和featu ...

  2. workerman 实践 及 不能多人连接的问题

    官网:https://www.workerman.net/ 手册地址:https://www.workerman.net/doc 追加内容: 请在开发前多读读 开发必读http://doc.worke ...

  3. ES6 新增的数组的方法

    给定一个数组 let list = [ // wu: 武力 zhi:智力 { id: 1, name: '张飞', wu: 97, zhi: 10 }, { id: 2, name: '诸葛亮', w ...

  4. xampp for mac配置局域网访问

    下载了xampp,之前在window上面经常用.后来用了mac下载xampp后,配置局域网总是没成功.现在配置好了,来和大家分享一下配置局域网访问步骤. 1. 下载 下载地址:https://www. ...

  5. SQL 优化SQL查询

    摘至于:http://www.cnblogs.com/ATree/archive/2011/02/13/sql_optimize_1.html 1. 首先要搞明白什么叫执行计划? 执行计划是数据库根据 ...

  6. LeetCode——全排列

    给定一个没有重复数字的序列,返回其所有可能的全排列. 示例: 输入: [1,2,3]输出:[  [1,2,3],  [1,3,2],  [2,1,3],  [2,3,1],  [3,1,2],  [3 ...

  7. 忘记oracle的sys用户密码如何修改以及Oracle 11g 默认用户名和密码

    忘记除SYS.SYSTEM用户之外的用户的登录密码 CONN SYS/PASS_WORD AS SYSDBA; --用SYS (或SYSTEM)用户登录 ALTER USER user_name ID ...

  8. 24、Nginx缓存web服务

    通常情况下缓存是用来减少后端压力, 将压力尽可能的往前推, 减少后端压力,提高网站并发延时 1.缓存常见类型 服务端缓存 代理缓存, 获取服务端内容进行缓存 客户端浏览器缓存 Nginx代理缓存原理 ...

  9. margin 负边距 的知识点

    本文介绍了css负边距在普通文档流中的作用和效果.左和右的css负边距对元素宽度的影响.css负边距对浮动元素的影响.css负边距对绝对定位元素的影响.懒人建站偶然浏览到这篇文章,感觉非常好,于是分享 ...

  10. cmd拷贝文件夹时，处理提示

    xcopy 若目标盘上不存在此子目录,而在目标盘的结束符又不以"\"为结束,则将提示: does destination specify a file name or direct ...