用CSS/Javascript来判断浏览器类型

方法一:

<!--[if lte IE 6]>
<LINK rel="stylesheet" type="text/css" href="images/style_IE5.css" />
<![endif]–>

<!--[if IE 6]>
<LINK rel="stylesheet" type="text/css" href="images/style_IE6.css" />
<![endif]-->

<!--[if IE 7]>
<LINK rel="stylesheet" type="text/css" href="images/style_IE7.css" />
<![endif]-->

适用浏览器:IE5以上的IE浏览器

使用技术:条件注释

使用地点:HTML代码中(注不是CSS里)

比较符:

lte:就是Less than or equal to的简写,也就是小于或等于的意思。
lt :就是Less than的简写,也就是小于的意思。
gte:就是Greater than or equal to的简写,也就是大于或等于的意思。
gt :就是Greater than的简写,也就是大于的意思。
! :就是不等于的意思,跟javascript里的不等于判断符相同

 

方法二:

#example{color:red ;}/*firefox*/
* html #example{color:blue;}/*ie6*/
*+html #example{color:green;}/*ie7*/

使用地点:CSS中

 

方法三:

<link type="text/css" rel="stylesheet" href="css/screen.css" />
<link type="text/css" rel="stylesheet" href="css/screen.css" />
<script language="JavaScript" type="text/JavaScript">
<!--
//根据浏览器来选择CSS
if (!window.XMLHttpRequest) {
setActiveStyleSheet("IE6.css"); //IE6
}else if(window.ActiveXObject){
setActiveStyleSheet("IE7.css"); //IE7
} else {
setActiveStyleSheet("FireFox.css"); //Mozilla FireFox、Safari, etc.
}

function setActiveStyleSheet(filename){
var path = document.getElementsByTagName("link")[1].href;
document.getElementsByTagName("link")[1].href="css/"+filename;
}
// -->
<script>

这是利用不同版本浏览器创建XMLHttpRequest方式不同来选择不同的CSS

时间: 2024-09-30 23:07:41

用CSS/Javascript来判断浏览器类型的相关文章

JavaScript 判断浏览器类型及版本_javascript技巧

几天前,浏览器家族有刚诞生了一位小王子,就是Google推出的Chrome浏览器.由于Chrome出生名门,尽管他还是个小家伙,没有人敢小看他.以后,咱们常说浏览器的"四大才子"就得改称为"五朵金花"了. 在网站前端开发中,浏览器兼容性问题本已让我们手忙脚乱,Chrome的出世不知道又要给我们添多少乱子.浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本. JavaScript是前端开发的主要语言,我们可以通过编写J

Javascript实例教程(8) 利用Javascript基于浏览器类型的重定向

javascript|教程|浏览器 利用javascript基于浏览器类型的重定向 基于浏览器类型的重定向的实现可以通过使用javascript函数来检查navigator.userAgent的字符串"MSIE",它将告诉你用户是否使用Microsoft Internet Explorer(微软的IE浏览器).通过修改windows.location函数可以重定向到正确的URL(同意资源定位器).下面是详细的代码: <HTML> <HEAD> <SCRIP

JavaScript判断浏览器类型的方法

 这篇文章主要介绍了JavaScript判断浏览器类型的方法,可实现针对IE.火狐.谷歌等浏览器的判断,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JavaScript判断浏览器类型的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 <script type="text/javasc

javascript获取浏览器类型和版本的方法

 这篇文章主要介绍了javascript获取浏览器类型和版本的方法(js获取浏览器版本),需要的朋友可以参考下    代码如下: function getExplorerInfo() {  var explorer = window.navigator.userAgent.toLowerCase() ;  //ie   if (explorer.indexOf("msie") >= 0) {     var ver=explorer.match(/msie ([d.]+)/)[1

利用JavaScript判断浏览器类型及版本_javascript技巧

本文将介绍如何使用Javascript来检测浏览器的类型以及版本号,包括猎豹浏览器.搜狗浏览器.傲游浏览器.360极速浏览器.360安全浏览器.QQ浏览器.百度浏览器.IE,Firefox,Chrome,safari,Opera等. 效果图 实例代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF

JavaScript判断浏览器类型的方法_javascript技巧

本文实例讲述了JavaScript判断浏览器类型的方法.分享给大家供大家参考.具体实现方法如下: <script type="text/javascript"> var Sys = {}; var ua = navigator.userAgent.toLowerCase(); alert(ua); var s; (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1]: (s = ua.match(/firefox\/([\d.]+)/

css js判断浏览器类型与浏览器版本

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.111cn.net/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="conte

Javascript实例教程(7) 利用Javascript基于浏览器类型的重定向

javascript|教程|浏览器 基于浏览器类型的重定向的实现可以通过使用JavaScript函数来检查navigator.userAgent的字符串"MSIE",它将告诉你用户是否使用Microsoft Internet Explorer(微软的IE浏览器).通过修改windows.location函数可以重定向到正确的URL(同意资源定位器).下面是详细的代码: <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScr

javascript 检测浏览器类型和版本的代码_javascript技巧

检测浏览器及其版本的代码 复制代码 代码如下: getBrowser : function(){ var browser = { msie: false, firefox: false, opera: false, safari: false, chrome: false, netscape: false, appname: 'unknown', version: 0 }, userAgent = window.navigator.userAgent.toLowerCase(); if ( /(