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 相关文章推荐
ExtJS 2.0实用简明教程 之Ext类库简介
Apr 29 Javascript
ASP Json Parser修正版
Dec 06 Javascript
说明你的Javascript技术很烂的五个原因
Apr 26 Javascript
Jquery实现搜索框提示功能示例代码
Aug 13 Javascript
JavaScript的Number对象的toString()方法
Dec 18 Javascript
jQuery实现点击水纹波动动画
Apr 10 Javascript
jQuery基础的工厂函数以及定时器的经典实例分析
May 20 Javascript
Angular2 自定义validators的实现方法
Jul 05 Javascript
Angular5.0 子组件通过service传递值给父组件的方法
Jul 13 Javascript
json数据传到前台并解析展示成列表的方法
Aug 06 Javascript
jQuery访问json文件中数据的方法示例
Jan 28 jQuery
微信小程序中转义字符的处理方法
Mar 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
php empty函数判断mysql表单是否为空
2010/04/12 PHP
php计算税后工资的方法
2015/07/28 PHP
php使用pecl方式安装扩展操作示例
2019/08/12 PHP
javascript Prototype 对象扩展
2009/05/15 Javascript
浅谈JavaScript之事件绑定
2013/07/08 Javascript
Extjs实现进度条的两种便捷方式
2013/09/26 Javascript
jQuery中操控hidden、disable等无值属性的方法
2014/01/06 Javascript
js在数组中删除重复的元素自保留一个(两种实现思路)
2014/08/22 Javascript
Javascript中的call()方法介绍
2015/03/15 Javascript
jquery实现邮箱自动填充提示功能
2015/11/17 Javascript
react-redux中connect的装饰器用法@connect详解
2018/01/13 Javascript
vue 登录滑动验证实现代码
2018/08/24 Javascript
Vuejs 实现简易 todoList 功能 与 组件实例代码
2018/09/10 Javascript
Python中捕捉详细异常信息的代码示例
2014/09/18 Python
跟老齐学Python之变量和参数
2014/10/10 Python
python自动12306抢票软件实现代码
2018/02/24 Python
浅谈python之高阶函数和匿名函数
2019/03/21 Python
OpenCV搞定腾讯滑块验证码的实现代码
2019/05/18 Python
python日期相关操作实例小结
2019/06/24 Python
提升python处理速度原理及方法实例
2019/12/25 Python
python读取yaml文件后修改写入本地实例
2020/04/27 Python
Django中的模型类设计及展示示例详解
2020/05/29 Python
Python爬虫分析微博热搜关键词的实现代码
2021/02/22 Python
纯CSS3实现给头像加个光芒四射且旋转的背景动画效果
2014/05/07 HTML / CSS
英超联赛的首选足球:Mitre足球
2019/05/06 全球购物
一个SQL面试题
2014/08/21 面试题
女方婚礼新郎答谢词
2014/01/11 职场文书
领导干部整治奢华浪费之风思想汇报
2014/10/07 职场文书
开会通知短信大全
2015/04/20 职场文书
因工资原因离职的辞职信范文
2015/05/12 职场文书
2015年教务工作总结
2015/05/23 职场文书
小学体育组工作总结2015
2015/07/21 职场文书
民间借贷纠纷起诉书
2015/08/03 职场文书
css3 filter属性的使用简介
2021/03/31 HTML / CSS
如何判断微信付款码和支付宝付款码
2021/04/01 PHP
laravel添加角色和模糊搜索功能的实现代码
2021/06/22 PHP