获取浏览器信息

获取浏览器信息

请问一下我的代码哪里出现了错误?望指出,非常感谢。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>userAgent</title>
    </head>
    <body>
       <input type="button" value="点击获取浏览器信息" id="ab">
       <script type="text/javascript">
           var ab=document.getElementById("ab");
           ab.onclick=function getbrowser(){
               var explorer=navigator.userAgent.toLowerCase(),
               browser;
               if(explorer.indexOf("msie")>-1){
                   browser="IE";
               }else if(explorer.indexOf("firefox")>-1){
                   browser="火狐";
               }else if(explorer.indexOf("safari")>-1){
                   browser="Safari";
               }else if(explorer.indexOf("chrome")>-1){
                   browser="谷歌";
               }return browser;
           }
           var explorer=getbrowser();
           document.write('<br>'+'您使用的浏览器是'+explorer+'浏览器')//补充代码
       </script>
    </body>
</html>

正在回答

登陆购买课程后可参与讨论,去登陆

2回答
<input type="button" value="点击获取浏览器信息" id="ab">
    <script type="text/javascript">
       var ab=document.getElementById("ab");
       ab.onclick=function(){
            var explorer=navigator.userAgent.toLowerCase(),
                browser = "";
            if(explorer.indexOf("msie")>-1){
               browser="IE";
            }else if(explorer.indexOf("firefox")>-1){
               browser="火狐";
            }else if(explorer.indexOf("safari")>-1){
               browser="Safari";
            }else if(explorer.indexOf("chrome")>-1){
               browser="谷歌";
            }
               document.write('<br>'+'您使用的浏览器是'+browser+'浏览器');
       }
    </script>


  • zz胖胖 提问者 #1
    非常感谢!
    2017-04-06 20:16:00
ziom 2017-04-06 17:16:30

你是要按按钮显示浏览器还是打开页面就直接显示浏览器,看你这个代码前后有点矛盾,如果是要实现前者,那么需要把document.write(...)这句放到按钮的onlick事件函数内,并且是不需要给function命名的,也不需要返回值。

如果是后者,改法最简单,直接把"ab.onclick="删去,也即定义了一个gerbrowser()函数,会返回浏览器名称,然后用var explorer接收并输出到页面

  • 提问者 zz胖胖 #1
    我需要的是在点击按钮后会自动识别浏览器名字,并且在经过 if 的识别再通过document.wite()打印样式 而不是单纯的识别
    2017-04-06 18:55:11
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师