首页 > 网络编程 > JavaScript > javascript技巧 > 浏览器类型和版本号检测

javascript 浏览器类型和版本号检测代码(兼容多浏览器)

2010-04-15 20:15:14 作者：

果对javascript了解不是特别深入的话,很容易就会写出不兼容的代码(就像我),这时候就得判断浏览器了。比如事件侦听、一些鼠标和键盘事件、Range等,一些都会不一样.下面列出几种常用的检测浏览器方法，以飨观众!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
<title>javascript检测浏览器类型和版本号（兼容各浏览器） </title> 
<script language="javascript" type="text/javascript"> 
var uA = navigator.userAgent; 
var browserType = "unknown"; 
if (uA.indexOf("Opera") > -1) { 
browserType = "Opera"; 
} else if (uA.indexOf("Safari") > -1) { 
browserType = "Safari"; 
} else if (uA.indexOf("Konqueror") > -1) { 
browserType = "Konqueror"; 
} else if (uA.indexOf("Gecko") > -1) { 
browserType = "Mozilla"; 
} else if (uA.indexOf("MSIE") > -1) { 
browserType = "Internet Explorer"; 
} 
//window.alert(browserType); 
document.write(browserType); 
document.write("
"); 
document.write(document.lastModified); //显示页面的修改日期 
document.write("
"); 
document.write(navigator.userAgent); //显示客户端环境参数 
document.write("
"); 
document.write("h,w:"+screen.availHeight+"x"+screen.availWidth+"pixels");//测定显示器大小 
//显示器大小 
function screenWH(){ 
var getscreen=document.getElementById('screenWH'); 
getscreen.value=screen.availHeight+"x"+screen.availWidth; 
var divscreen=document.getElementById('screensWH'); 
divscreen.value=screen.availHeight+"x"+screen.availWidth+"pixels"; //window.screen.height+"+"+window.screen.width; 
} 
</script> 
</head> 
<body onload="javascript:screenWH();"> 
<input type="text" id="screenWH"/> 
<input type='button' onclick='notEmpty()' value='Form Checker' />

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

javascript 浏览器类型和版本号检测代码(兼容多浏览器)

您可能感兴趣的文章: