（navigator对象的运用）
实现效果：
1.gif
2.gif
附上代码：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>userAgent</title>
</head>
<body>
<input type="button" value="点击获取浏览器信息" id="browser">
<script type="text/javascript">
var btn=document.getElementsByTagName("input")[0];
//封装一个检测浏览器类型的函数
function getBrowser(){
//获取userAgent属性
var explorer=navigator.userAgent.toLowerCase(),
browser;
if(explorer.indexOf("chrome")>-1){
browser="chrome";
}
else if(explorer.indexOf("firefox")>-1){
browser="firefox";
}
else if(explorer.indexOf("opera")>-1){
browser="opera";
}
else if(explorer.indexOf("safari")>-1){
browser="safari";
}
alert("您当前使用的浏览器是"+browser+"浏览器");
}
//给按钮绑定鼠标点击事件
btn.onclick=getBrowser;
</script>
</body>
</html>
网友评论