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 相关文章推荐
datePicker——日期选择控件(with jquery)
Feb 20 Javascript
jquery插件jbox使用iframe关闭问题
Feb 09 Javascript
JS中setTimeout()的用法详解
Apr 14 Javascript
JS获取月的最后一天与JS得到一个月份最大天数的实例代码
Dec 16 Javascript
Js获取下拉框选定项的值和文本的实现代码
Feb 26 Javascript
IE下通过a实现location.href 获取referer的值
Sep 04 Javascript
jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】
Mar 08 Javascript
vue父子组件的嵌套的示例代码
Sep 08 Javascript
Vue 2.0入门基础知识之内部指令详解
Oct 15 Javascript
vue滚动tab跟随切换效果
Jun 29 Javascript
jquery实现垂直手风琴菜单
Mar 04 jQuery
微信小程序去除左上角返回键的实现方法
Mar 06 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
PHP脚本的10个技巧(7)
2006/10/09 PHP
浅析PHP程序设计中的MVC编程思想
2014/07/28 PHP
php微信公众号开发之现金红包
2018/04/16 PHP
PHP中通过getopt解析GNU C风格命令行选项
2019/11/18 PHP
一个简单的js动画效果代码
2010/07/20 Javascript
更优雅的事件触发兼容
2011/10/24 Javascript
JavaScript 代码压缩工具小结
2012/02/27 Javascript
『jQuery』取指定url格式及分割函数应用
2013/04/22 Javascript
Jquery动态更改一张位图的src与Attr的使用
2013/07/31 Javascript
javaScript 动态访问JSon元素示例代码
2013/08/30 Javascript
js同比例缩放图片的小例子
2013/10/30 Javascript
文本域中换行符的替换示例
2014/03/04 Javascript
简介JavaScript中的unshift()方法的使用
2015/06/09 Javascript
JavaScript中Math.SQRT2属性的使用详解
2015/06/14 Javascript
JS将滑动门改为选项卡(需鼠标点击)的实现方法
2015/09/27 Javascript
Javascript的表单验证长度
2016/03/16 Javascript
基于javascript实现tab切换特效
2016/03/29 Javascript
jQuery on()方法绑定动态元素的点击事件实例代码浅析
2016/06/16 Javascript
Vue.js实现简单动态数据处理
2017/02/13 Javascript
如何正确理解javascript的模块化
2017/03/02 Javascript
vue-cli的eslint相关用法
2017/09/29 Javascript
vue 指令之气泡提示效果的实现代码
2018/10/18 Javascript
js实现input密码框显示/隐藏功能
2020/09/10 Javascript
对vue中的事件穿透与禁止穿透实例详解
2019/10/28 Javascript
[36:33]完美世界DOTA2联赛循环赛 Matador vs Forest 第一场 11.06
2020/11/06 DOTA
Python 时间操作例子和时间格式化参数小结
2014/04/24 Python
Python获取当前公网ip并自动断开宽带连接实例代码
2018/01/12 Python
Python的numpy库中将矩阵转换为列表等函数的方法
2018/04/04 Python
Sanic框架Cookies操作示例
2018/07/17 Python
在Python中过滤Windows文件名中的非法字符方法
2019/06/10 Python
python向字符串中添加元素的实例方法
2019/06/28 Python
flask 实现上传图片并缩放作为头像的例子
2020/01/09 Python
python torch.utils.data.DataLoader使用方法
2020/04/02 Python
CSS3属性使网站设计增强同时不消弱可用性
2009/08/29 HTML / CSS
校庆标语集锦
2014/06/25 职场文书
2015秋季田径运动会广播稿
2015/08/19 职场文书