老师，请检查
来源：5-4 编程练习
慕村6371425
2020-09-24 23:46:17
<!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">
//补充代码
// 我们学习了浏览器的navigator对象，那么写一段代码，实现：当用户点击页面上的“点击获取浏览器信息”按钮时，页面会弹出窗口告知当前使用的浏览器是什么浏览器。
// if...else if 执行其中一个后，其他不再执行
var btn = document.getElementById('browser')
function getBrowserinfo() {
var info = navigator.userAgent.toLowerCase(),
browser;
if (info.indexOf('msie') != -1) {
browser = 'IE'
} else if (info.indexOf('firefox') != -1) {
browser = 'Firefox'
} else if (info.indexOf('chrome') > -1) {
browser = 'chrome'
// 如果要判断Safari浏览器条件为：包含"Safari"关键字但是不包含"Chrome"关键字
} else if (info.indexOf('safari') != -1 && info.indexOf('chrome') == -1) {
browser = 'safari'
}
return browser
}
function btnClick() {
var result = getBrowserinfo()
// ${result}是直接引用result变量，这个属于es6的语法，
alert(`您使用的浏览器是${result}`);
}
btn.onclick = btnClick
</script>
</body>
</html>
1回答
-
好帮手慕星星
2020-09-25
同学你好，代码检测没有问题，很棒。继续加油，祝学习愉快！
0
