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中form验证出错信息的查看方法
Oct 08 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
Jun 11 Javascript
JavaScript实现向OL列表内动态添加LI元素的方法
Mar 21 Javascript
JS动态修改iframe高度和宽度的方法
Apr 01 Javascript
JS密码生成与强度检测完整实例(附demo源码下载)
Apr 06 Javascript
一个字符串中出现次数最多的字符 统计这个次数【实现代码】
Apr 29 Javascript
微信小程序 自定义对话框实例详解
Jan 20 Javascript
JS如何实现在页面上快速定位(锚点跳转问题)
Aug 14 Javascript
浅谈Vue 初始化性能优化
Aug 31 Javascript
最实用的JS数组函数整理
Dec 05 Javascript
javascript中的闭包概念与用法实践分析
Jul 26 Javascript
Vue请求java服务端并返回数据代码实例
Nov 28 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
DC动漫人物排行
2020/03/03 欧美动漫
在php中取得image按钮传递的name值
2006/10/09 PHP
php 将excel导入mysql
2009/11/09 PHP
在PHP中PDO解决中文乱码问题的一些补充
2010/09/06 PHP
教你如何解密 “ PHP 神盾解密工具 ”
2014/06/20 PHP
PHP实现事件机制实例分析
2015/06/26 PHP
PHP ADODB实现分页功能简单示例
2018/05/25 PHP
PHP进阶学习之垃圾回收机制详解
2019/06/18 PHP
前端开发的开始---基于面向对象的Ajax类
2010/09/17 Javascript
js Array对象的扩展函数代码
2013/04/24 Javascript
客户端js判断文件类型和文件大小即限制上传大小
2013/11/20 Javascript
jquery查找父元素、子元素(个人经验总结)
2014/04/09 Javascript
使用typeof判断function是否存在于上下文
2014/08/14 Javascript
jquery获取及设置outerhtml的方法
2015/03/09 Javascript
js实现带有介绍的Select列表菜单实例
2015/08/18 Javascript
AngularJS基础 ng-focus 指令简单示例
2016/08/01 Javascript
jQuery排序插件tableSorter使用方法
2017/02/10 Javascript
jQuery ajax实现省市县三级联动
2021/03/07 Javascript
JS实现简单抖动效果
2017/06/01 Javascript
Vue实现一个返回顶部backToTop组件
2017/07/25 Javascript
Vue.js桌面端自定义滚动条组件之美化滚动条VScroll
2020/12/01 Vue.js
[49:41]NB vs NAVI Supermajor小组赛A组 BO3 第一场 6.2
2018/06/03 DOTA
python用ConfigObj读写配置文件的实现代码
2013/03/04 Python
python基础教程之面向对象的一些概念
2014/08/29 Python
Python中的下划线详解
2015/06/24 Python
DataFrame中的object转换成float的方法
2018/04/10 Python
Python中psutil的介绍与用法
2019/05/02 Python
python图形开发GUI库pyqt5的基本使用方法详解
2020/02/14 Python
解决CSS3 transition-delay 属性默认值0不带单位失效的问题
2020/10/29 HTML / CSS
外贸实习生自荐信范文
2013/11/24 职场文书
迟到检讨书300字
2014/02/14 职场文书
农村葬礼主持词
2014/03/31 职场文书
《去年的树》教学反思
2014/04/11 职场文书
2014年扶贫工作总结
2014/11/18 职场文书
员工聘用合同范本
2015/09/21 职场文书
go web 预防跨站脚本的实现方式
2021/06/11 Golang