请老师检查
来源：2-8 编程练习
xiao白做大事
2020-11-13 14:26:35
在这里输入代码，可通过
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button id="btn">点击获取浏览器信息</button>
<script>
var oBtn = document.getElementById('btn'),userAgent = navigator.userAgent,
result
function judge() {
if (userAgent.includes("MESI")) result = "IE浏览器";
if (userAgent.includes("Firefox")) result = "火狐浏览器";
if (userAgent.includes("Chrome")) result = "谷歌浏览器";
return result;
}
oBtn.onclick = function () {
alert('您使用的是' + judge());
};
</script>
</body>
</html>
1回答
-
同学你好，思路是正确的。不过由于includes方法兼容性的问题，没有办法测试ie浏览器，可以参考下面的代码进行修改：
<input type="button" value="点击获取浏览器信息" id="browser">
<script type="text/javascript">
var get = document.getElementById("browser");
get.onclick = function() {
function getExplore() {
if (navigator.userAgent.toLowerCase().indexOf("msie") > -1) {
alert("您当前使用的浏览器为：IE浏览器")
} else if (navigator.userAgent.toLowerCase().indexOf("firefox") > -1) {
alert("您当前使用的浏览器为：火狐浏览器")
} else if (navigator.userAgent.toLowerCase().indexOf("chrome") > -1) {
alert("您当前使用的浏览器为：谷歌浏览器")
}
}
getExplore();
}
</script>祝学习愉快~
0
相似问题