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 事件队列调整方法
Sep 18 Javascript
JQuery 将元素显示在屏幕的中央的代码
Feb 27 Javascript
使用jQuery Ajax功能时需要注意的一个问题(内存溢出)
May 30 Javascript
jquery 实现表单验证功能代码(简洁)
Jul 03 Javascript
javasript实现密码的隐藏与显示
May 08 Javascript
使用Vue如何写一个双向数据绑定(面试常见)
Apr 20 Javascript
React Form组件的实现封装杂谈
May 07 Javascript
Vuerouter的beforeEach与afterEach钩子函数的区别
Dec 26 Javascript
微信小程序+腾讯地图开发实现路径规划绘制
May 22 Javascript
js实现圆形显示鼠标单击位置
Feb 11 Javascript
javascript利用键盘控制小方块的移动
Apr 20 Javascript
vue动态设置路由权限的主要思路
Jan 13 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下通过伪造http头破解防盗链的代码
2010/07/03 PHP
php读取txt文件并将数据插入到数据库
2016/02/23 PHP
基于逻辑运算的简单权限系统(实现) JS 版
2007/03/24 Javascript
javascript据option的value值快速设定初始的selected选项
2007/08/13 Javascript
比较全的JS checkbox全选、取消全选、删除功能代码
2008/12/19 Javascript
JavaScript 字符串与数组转换函数[不用split与join]
2009/12/13 Javascript
JS跨域总结
2012/08/30 Javascript
javascript仿php的print_r函数输出json数据
2013/09/13 Javascript
jQuery替换字符串(实例代码)
2013/11/13 Javascript
介绍JavaScript中Math.abs()方法的使用
2015/06/14 Javascript
js实现Select头像选择实时预览代码
2015/08/17 Javascript
简单实现bootstrap导航效果
2017/02/07 Javascript
深入理解Vue生命周期、手动挂载及挂载子组件
2017/09/27 Javascript
vue.js将时间戳转化为日期格式的实现代码
2018/06/05 Javascript
快速解决处理后台返回json数据格式的问题
2018/08/07 Javascript
一次让你了解全部JavaScript的作用域
2019/06/24 Javascript
Vue 设置axios请求格式为form-data的操作步骤
2019/10/29 Javascript
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
2020/02/06 Javascript
浏览器JavaScript调试功能无法使用解决方案
2020/09/18 Javascript
python实现多进程代码示例
2018/10/31 Python
Python带参数的装饰器运行原理解析
2020/06/09 Python
matplotlib 范围选区(SpanSelector)的使用
2021/02/24 Python
Turnbull & Asser官网:英国皇室御用的顶级定制衬衫
2019/01/31 全球购物
Amara德国:家居饰品、设计师品牌和豪华礼品
2019/05/20 全球购物
新媒传信软件测试面试题
2013/02/24 面试题
职业生涯规划书的格式
2013/12/29 职场文书
网上商城创业计划书范文
2014/01/31 职场文书
工作分析计划书
2014/04/30 职场文书
党员检讨书
2014/10/13 职场文书
民事上诉状范文
2015/05/22 职场文书
离婚案件上诉状
2015/05/23 职场文书
2015年助理政工师工作总结
2015/05/26 职场文书
干部培训简讯
2015/07/20 职场文书
2015年工商局个人工作总结
2015/07/23 职场文书
学校学期工作总结
2015/08/13 职场文书
iOS 16进一步确认,一共支持16款iPhone
2022/04/28 数码科技