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 相关文章推荐
超棒的javascript页面顶部卷动广告效果
Dec 01 Javascript
关于JavaScript的面向对象和继承有利新手学习
Jan 11 Javascript
在jquery中的ajax方法怎样通过JSONP进行远程调用
Apr 04 Javascript
AngularJS教程之简单应用程序示例
Aug 16 Javascript
原生JS实现网络彩票投注效果
Sep 25 Javascript
使用jQuery的ajax方法向服务器发出get和post请求的方法
Jan 13 Javascript
实例讲解Vue.js中router传参
Apr 22 Javascript
微信小程序实现红包雨功能
Jul 11 Javascript
小程序scroll-view安卓机隐藏横向滚动条的实现详解
May 16 Javascript
Vue.js组件实现选项卡以及切换特效
Jul 24 Javascript
vue实现移动端省市区选择
Sep 27 Javascript
vue项目proxyTable配置和部署服务器
Apr 14 Vue.js
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
PHP 如何获取二维数组中某个key的集合
2014/06/03 PHP
关于 Laravel Redis 多个进程同时取队列问题详解
2017/12/25 PHP
PHP赋值的内部是如何跑的详解
2019/01/13 PHP
PHP实现简单的协程任务调度demo示例
2020/02/01 PHP
php封装实现钉钉机器人报警接口的示例代码
2020/08/08 PHP
Prototype Date对象 学习
2009/07/12 Javascript
javascript+iframe 实现无刷新载入整页的代码
2010/03/17 Javascript
JS中令人发指的valueOf方法介绍
2013/02/22 Javascript
javascript闭包(Closure)用法实例简析
2015/11/30 Javascript
极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg
2016/05/27 Javascript
jquery中绑定事件的异同
2017/02/28 Javascript
微信小程序实现顶部选项卡(swiper)
2020/06/19 Javascript
angular2 ng2-file-upload上传示例代码
2018/08/23 Javascript
基于Vue el-autocomplete 实现类似百度搜索框功能
2019/10/25 Javascript
浅谈JS for循环中使用break和continue的区别
2020/07/21 Javascript
JS如何调用WebAssembly编译出来的.wasm文件
2020/11/05 Javascript
python实现简单点对点(p2p)聊天
2017/09/13 Python
Python判断telnet通不通的实例
2019/01/26 Python
python 实现提取某个索引中某个时间段的数据方法
2019/02/01 Python
python脚本执行CMD命令并返回结果的例子
2019/08/14 Python
使用OpenCV实现仿射变换—平移功能
2019/08/29 Python
浅析css3中matrix函数的使用
2016/06/06 HTML / CSS
Expedia英国:全球最大的在线旅游公司
2017/09/07 全球购物
世界上最大的家庭自动化公司:Smarthome
2017/12/20 全球购物
美国高级工作服品牌:Carhartt
2018/01/25 全球购物
Beauty Expert美国/加拿大:购买奢侈美容产品
2018/12/05 全球购物
周仰杰(JIMMY CHOO)法国官方网站:闻名世界的鞋子品牌
2019/09/27 全球购物
颇特女士香港官网:NET-A-PORTER香港
2021/03/08 全球购物
"序列点" 是什么
2016/07/29 面试题
优秀老师事迹材料
2014/02/05 职场文书
十一酒店活动方案
2014/02/20 职场文书
房屋授权无偿使用证明
2014/11/29 职场文书
2015年个人实习工作总结
2014/12/12 职场文书
交通安全温馨提示语
2015/07/14 职场文书
baselines示例程序train_cartpole.py的ImportError
2022/05/20 Python
Python实现数据的序列化操作详解
2022/07/07 Python