javascript判断ie浏览器6/7版本加载不同样式表的实现代码


Posted in Javascript onDecember 26, 2011

关键点:1、对浏览器版本的判断;2、修改样式表路径
其中第二点也常用在实时修改网页模板、论坛风格的场合,实际上就是修改样式表路径来加载不同的样式表。
代码:

<script type="text/javascript"> 
var browser=navigator.appName 
var b_version=navigator.appVersion 
var version=b_version.split(";"); 
try{ //代码只针对ie浏览器有效,为了避免在其他浏览器报错,可以用使用try{代码体}catch(err){代码体}来消除报错 
var trim_Version=version[1].replace(/[ ]/g,""); 
if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE7.0") 
{ 
//将"your-stylesheet-url"替换成想在ie7中加载的样式表的路径 
document.styleSheets[0].href="your-stylesheet-url"; //关键点修改样式表路径的方法:document.styleSheets[0].href 
} 
else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE6.0") 
{ 
//将"your-another-stylesheet-url"替换成想在ie6中加载的样式表的路径 
document.styleSheets[0].href="your-another-stylesheet-url"; 
} 
} 
catch(err) { //捕捉错误后不作任何处理也可 
} 
</script>

实用的js判断浏览器类型及版本
代码:
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
<title>实用的js判断浏览器类型及版本</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<script language="JavaScript"> 
var imyeah={}; 
var ua=navigator.userAgent.toLowerCase(); 
var s; 
(s=ua.match(/msie ([\d.]+)/)) ? imyeah.ie=s[1] : 
(s=ua.match(/firefox\/([\d.]+)/)) ? imyeah.firefox=s[1] : 
(s=ua.match(/chrome\/([\d.]+)/)) ? imyeah.chrome=s[1] : 
(s=ua.match(/opera.([\d.]+)/)) ? imyeah.opera=s[1] : 
(s=ua.match(/version\/([\d.]+).*safari/)) ? imyeah.safari=s[1] : 0; //以下进行测试 
if(imyeah.ie) document.write('IE: '+imyeah.ie); 
if(imyeah.firefox) document.write('Firefox: '+imyeah.firefox); 
if(imyeah.chrome) document.write('Chrome: '+imyeah.chrome); 
if(imyeah.opera) document.write('Opera: '+imyeah.opera); 
if(imyeah.safari) document.write('Safari: '+imyeah.safari); 
</script> 
</head> 
<body> 
</body> 
</html>

这段代码非常简短,但能够准确判断ie、FF、Chrome、Opera、Safari浏览器及其版本,非常实用。
Javascript 相关文章推荐
jQuery实现切换页面布局使用介绍
Oct 09 Javascript
javascript检测页面是否缩放的小例子
May 16 Javascript
省市区三级联动下拉框菜单javascript版
Aug 11 Javascript
JS使用正则表达式实现关键字替换加粗功能示例
Aug 03 Javascript
无阻塞加载js,防止因js加载不了影响页面显示的问题
Dec 18 Javascript
JS正则表达式验证密码格式的集中情况总结
Feb 23 Javascript
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
JavaScript 程序错误Cannot use 'in' operator to search的解决方法
Jul 10 Javascript
基于Require.js使用方法(总结)
Oct 26 Javascript
JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值
Oct 29 Javascript
ES6知识点整理之Proxy的应用实例详解
Apr 16 Javascript
vscode调试node.js的实现方法
Mar 22 Javascript
js使用函数绑定技术改变事件处理程序的作用域
Dec 26 #Javascript
JavaScript中的property和attribute介绍
Dec 26 #Javascript
JavaScript打字小游戏代码
Dec 26 #Javascript
js bind 函数 使用闭包保存执行上下文
Dec 26 #Javascript
js 函数调用模式小结
Dec 26 #Javascript
JavaScript 原型继承
Dec 26 #Javascript
jquery事件机制扩展插件 jquery鼠标右键事件。
Dec 26 #Javascript
You might like
咖啡与牛奶
2021/03/03 冲泡冲煮
php获取某个目录大小的代码
2008/09/10 PHP
php checkbox 取值详细说明
2010/08/19 PHP
基于PHP后台的Android新闻浏览客户端
2016/05/23 PHP
phpstudy的php版本自由修改的方法
2017/10/18 PHP
JavaScript中URL编码函数代码
2011/01/11 Javascript
jQuery判断元素是否是隐藏的代码
2011/04/24 Javascript
jquery showModelDialog的使用方法示例详解
2013/11/19 Javascript
解决jquery操作checkbox火狐下第二次无法勾选问题
2014/02/10 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
2014/05/04 Javascript
基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
2014/05/11 Javascript
JS中获取函数调用链所有参数的方法
2015/05/07 Javascript
jQuery post数据至ashx实例详解
2016/11/18 Javascript
Vue 2.x教程之基础API
2017/03/06 Javascript
js案例之鼠标跟随jquery版(实例讲解)
2017/07/21 jQuery
解决vue-cli脚手架打包后vendor文件过大的问题
2018/09/27 Javascript
javascript触发模拟鼠标点击事件
2019/06/26 Javascript
javascript随机变色实例代码
2019/10/15 Javascript
基于小程序请求接口wx.request封装的类axios请求
2020/07/02 Javascript
vue项目中企业微信使用js-sdk时config和agentConfig配置方式详解
2020/12/15 Vue.js
Python中用format函数格式化字符串的用法
2015/04/08 Python
Python教程之全局变量用法
2016/06/27 Python
Python正则表达式教程之一:基础篇
2017/03/02 Python
Python中用字符串调用函数或方法示例代码
2017/08/04 Python
win10下Python3.6安装、配置以及pip安装包教程
2017/10/01 Python
几种实用的pythonic语法实例代码
2018/02/24 Python
Python使用sort和class实现的多级排序功能示例
2018/08/15 Python
使用python 的matplotlib 画轨道实例
2020/01/19 Python
python爬取本站电子书信息并入库的实现代码
2020/01/20 Python
解决Keras 自定义层时遇到版本的问题
2020/06/16 Python
python os模块在系统管理中的应用
2020/06/22 Python
电教室标语
2014/06/20 职场文书
骨干教师申报材料
2014/12/17 职场文书
《迟到》教学反思
2016/02/24 职场文书
2016最新离婚协议书范本及程序
2016/03/18 职场文书
mysql如何查询连续记录
2022/05/11 MySQL