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中两种链式调用实现代码
Jan 12 Javascript
基于jQuery实现的当离开页面时出现提示的实现代码
Jun 27 Javascript
javascript数字格式化通用类 accounting.js使用
Aug 24 Javascript
Js中setTimeout()和setInterval() 何时被调用执行的用法
Apr 12 Javascript
js特殊字符转义介绍
Nov 05 Javascript
页面按钮禁用与解除禁用的方法
Feb 19 Javascript
Javascript 中创建自定义对象的方法汇总
Dec 04 Javascript
Vue2单一事件管理组件通信
May 09 Javascript
angular中实现li或者某个元素点击变色的两种方法
Jul 27 Javascript
67 个节约开发时间的前端开发者的工具、库和资源
Sep 12 Javascript
教你使用vue-cli快速构建的小说阅读器
May 13 Javascript
详解JavaScript中的数据类型,以及检测数据类型的方法
Sep 17 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
详解PHP5.6.30与Apache2.4.x配置
2017/06/02 PHP
PHP实现的登录页面信息提示功能示例
2017/07/24 PHP
动态控制Table的js代码
2007/03/07 Javascript
textContent在Firefox下与innerText等效的属性
2007/05/12 Javascript
Jquery从头学起第四讲 jquery入门教程
2010/08/01 Javascript
在父页面调用子页面的JS方法
2013/09/29 Javascript
邮箱下拉自动填充选择示例代码附图
2014/04/03 Javascript
JavaScript采用递归算法计算阶乘实例
2015/08/04 Javascript
Javascript实现快速排序(Quicksort)的算法详解
2015/09/06 Javascript
JS获取子窗口中返回的数据实现方法
2016/05/28 Javascript
使用jquery如何获取时间
2016/10/13 Javascript
D3.js封装文本实现自动换行和旋转平移等功能
2016/10/14 Javascript
纯JS代码实现隔行变色鼠标移入高亮
2016/11/23 Javascript
解决vue.js在编写过程中出现空格不规范报错的问题
2017/09/20 Javascript
angular5 httpclient的示例实战
2018/03/12 Javascript
layui动态表头的实现代码
2019/08/22 Javascript
详解Python自建logging模块
2018/01/29 Python
用python 批量更改图像尺寸到统一大小的方法
2018/03/31 Python
django 将model转换为字典的方法示例
2018/10/16 Python
python 带时区的日期格式化操作
2020/10/23 Python
详解Python openpyxl库的基本应用
2021/02/26 Python
描述内存分配方式以及它们的区别
2016/10/15 面试题
旅游管理实习自我鉴定
2013/09/29 职场文书
临床医学系毕业生推荐信
2013/11/09 职场文书
创业计划书的内容步骤和要领
2014/01/04 职场文书
回门宴父母答谢词
2014/01/26 职场文书
大学毕业感言一句话
2014/02/06 职场文书
文明生主要事迹
2014/05/25 职场文书
银行开户授权委托书格式
2014/10/10 职场文书
赤壁观后感(2)
2015/06/15 职场文书
诉讼和解协议书
2016/03/23 职场文书
pytorch实现ResNet结构的实例代码
2021/05/17 Python
Python破解极验滑动验证码详细步骤
2021/05/21 Python
SpringBoot集成Redis,并自定义对象序列化操作
2021/06/22 Java/Android
利用Python判断整数是否是回文数的3种方法总结
2021/07/07 Python
logback 实现给变量指定默认值
2021/08/30 Java/Android