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.ui.dialog 增加“在当前鼠标位置打开”的功能
Nov 24 Javascript
基于jquery的jqDnR拖拽溢出的修改
Feb 12 Javascript
JS调用CS里的带参方法实例
Aug 01 Javascript
用JavaScript来美化HTML的select标签的下拉列表效果
Nov 17 Javascript
限制只能输入数字的实现代码
May 16 Javascript
浅析jQuery 遍历函数,javascript中的each遍历
May 25 Javascript
javascript中神奇的 Date对象小结
Oct 12 Javascript
js 判断一个数字是不是2的n次方幂的实例
Nov 26 Javascript
angular6的响应式表单的实现
Oct 10 Javascript
vue 详情跳转至列表页实现列表页缓存
Mar 27 Javascript
Vue 实现前进刷新后退不刷新的效果
Jun 14 Javascript
Selenium执行JavaScript脚本的方法示例
Dec 31 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
Fleaphp常见函数功能与用法示例
2016/11/15 PHP
Yii框架 session 数据库存储操作方法示例
2019/11/18 PHP
PHP copy函数使用案例代码解析
2020/09/01 PHP
firefox下frameset取不到值的解决方法
2010/09/06 Javascript
读jQuery之六 缓存数据功能介绍
2011/06/21 Javascript
javascript管中窥豹 形参与实参浅析
2011/12/17 Javascript
根据IP的地址,区分不同的地区,查看不同的网站页面的js代码
2013/02/26 Javascript
原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)
2013/06/24 Javascript
JS判断表单输入是否为空(示例代码)
2013/12/23 Javascript
jQuery遍历Table应用示例
2014/04/09 Javascript
jquery中 $.expr使用实例介绍
2014/06/09 Javascript
JavaScript闭包详解
2015/02/02 Javascript
js表单验证实例讲解
2016/03/31 Javascript
浏览器兼容的JS写法总结
2016/04/27 Javascript
关于Vue.js一些问题和思考学习笔记(1)
2016/12/02 Javascript
原生js实现放大镜
2017/02/20 Javascript
knockoutjs模板实现树形结构列表
2017/07/31 Javascript
mpvue开发音频类小程序踩坑和建议详解
2019/03/12 Javascript
JavaScript怎样在删除前添加确认弹出框?
2019/05/27 Javascript
使用layer.msg 时间设置不起作用的解决方法
2019/09/12 Javascript
详解如何在vue+element-ui的项目中封装dialog组件
2020/12/11 Vue.js
python求素数示例分享
2014/02/16 Python
跟老齐学Python之用while来循环
2014/10/02 Python
Python中字典的基本知识初步介绍
2015/05/21 Python
python安装mysql-python简明笔记(ubuntu环境)
2016/06/25 Python
浅析Python中yield关键词的作用与用法
2016/11/29 Python
python 字符串常用方法汇总详解
2019/09/16 Python
python多线程和多进程关系详解
2020/12/14 Python
CSS3实现线性渐变用法示例代码详解
2020/08/07 HTML / CSS
eBay比利时购物网站:eBay.be
2019/08/09 全球购物
美国优质宠物用品购买网站:Muttropolis
2020/02/17 全球购物
教师应聘个人求职信
2013/12/10 职场文书
村居抓节水倡议书
2014/05/19 职场文书
村级四风对照检查材料
2014/08/24 职场文书
世界卫生日宣传活动总结
2015/02/09 职场文书
创业计划书之旅游网站
2019/09/06 职场文书