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 相关文章推荐
Prototype1.6 JS 官方下载地址
Nov 30 Javascript
Html中JS脚本执行顺序简单举例说明
Jun 19 Javascript
jQuery中filter(),not(),split()使用方法
Jul 06 Javascript
jquery ajax 调用失败的原因示例介绍
Sep 27 Javascript
探讨js字符串数组拼接的性能问题
Oct 11 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
Mar 10 Javascript
详解JavaScript基于面向对象之创建对象(1)
Dec 10 Javascript
jQuery+CSS实现一个侧滑导航菜单代码
May 09 Javascript
ionic js 模型 $ionicModal 可以遮住用户主界面的内容框
Jun 06 Javascript
vue2.0 自定义日期时间过滤器
Jun 07 Javascript
详解vue数据渲染出现闪烁问题
Jun 29 Javascript
jquery操作select常见方法大全【7种情况】
May 28 jQuery
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
SONY SRF-M100的电路分析
2021/03/02 无线电
一个基于PDO的数据库操作类
2011/03/24 PHP
CodeIgniter集成smarty的方法详解
2016/05/26 PHP
php如何计算两坐标点之间的距离
2018/12/29 PHP
获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
2006/09/22 Javascript
Javascript调试工具(下载)
2007/01/09 Javascript
js数字输入框(包括最大值最小值限制和四舍五入)
2009/11/24 Javascript
JavaScript Event学习补遗 addEventSimple
2010/02/11 Javascript
jquery EasyUI的formatter格式化函数代码
2011/01/12 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
2011/09/02 Javascript
详解JavaScript基于面向对象之继承实例
2015/12/16 Javascript
JavaScript给每一个li节点绑定点击事件的实现方法
2016/12/01 Javascript
Javascript之面向对象--方法
2016/12/02 Javascript
angular2 ng build部署后base文件路径问题详细解答
2017/07/15 Javascript
详解关于element el-button使用$attrs的一个注意要点
2018/11/09 Javascript
如何使用electron-builder及electron-updater给项目配置自动更新
2018/12/24 Javascript
layui 根据后台数据动态创建下拉框并同时默认选中的实例
2019/09/02 Javascript
python基础教程之python消息摘要算法使用示例
2014/02/10 Python
python错误处理详解
2014/09/28 Python
Python对象属性自动更新操作示例
2018/06/15 Python
python获取服务器响应cookie的实例
2018/12/28 Python
python pandas写入excel文件的方法示例
2019/06/25 Python
Pytorch中的自动求梯度机制和Variable类实例
2020/02/29 Python
python的链表基础知识点
2020/09/13 Python
VSCode 自定义html5模板的实现
2019/12/05 HTML / CSS
全球知名旅游社区法国站点:TripAdvisor法国
2016/08/03 全球购物
英国潮流网站:END.(全球免邮)
2017/01/16 全球购物
北美女性服装零售连锁店:maurices
2019/06/12 全球购物
Seavenger官网:潜水服、浮潜、靴子和袜子
2020/03/05 全球购物
请解释接口的显式实现有什么意义
2012/05/26 面试题
委托书范文
2014/04/02 职场文书
付款委托书范本
2014/04/04 职场文书
工伤事故赔偿协议书
2014/04/15 职场文书
八月迷情观后感
2015/06/11 职场文书
喜迎建国70周年:有关爱国的名言名句
2019/09/24 职场文书
pytorch通过训练结果的复现设置随机种子
2021/06/01 Python