点击没效果吖,老师帮看一下
来源:2-8 编程练习
要每天学习的小蓝同学
2021-04-29 15:40:18
相关代码:
<body>
<input type="button" value="点击获取浏览器信息" id="browser">
<script type="text/javascript">
//补充代码
var btn = document.getElementById('browser');
btn.onclick = function () {
function getBtnInfo() {
var info = navigator.userAgent;
var result;
if (info.includes('MSIE')) {
result = 'IE浏览器';
} else if (info.includes('Firefox')) {
result = '火狐浏览器';
} else if (info.includes('Chrome')) {
result = '谷歌浏览器';
}
return result;
document.write('您的浏览器为' + result);
}
}
</script>
</body>
1回答
同学你好,点击无法实现效果原因如下:
1、btn按钮绑定的事件处理函数中,getBtnInfo函数只被定义了而没有被调用,函数只有被调用时才会执行函数中的语句。
2、代码中getBtnInfo函数被定义为一个带有return返回值的函数,同学将document.write语句写在了return语句之后,因为此处的return语句不仅是返回当前函数的result值而且也会终止当前函数,所以该行语句是不会被执行的。建议同学参考如下修改:
祝学习愉快!
相似问题