获取浏览器信息,不知道哪里有错

获取浏览器信息,不知道哪里有错

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>userAgent</title>

    </head>

    <body>

       <input type="button" value="点击获取浏览器信息" id="browser">

       <script type="text/javascript">

         var browser=document.getElementById("browser");

           browser.onclick=function(){

              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("Safari")>-1){

                  browser="Safari";

              }else if(info.indexOf("Chrome")>-1){

                  browser="Chrome";

              } 

             document.write(browser);  

          } 

        

       </script>  

    </body>

</html>


正在回答

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

1回答
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>userAgent</title>
    </head>
    <body>
       <input type="button" value="点击获取浏览器信息" id="browser">
       <script type="text/javascript">
         var btn=document.getElementById("browser");
         var browser;
           btn.onclick=function(){
              var info=navigator.userAgent.toLowerCase();
              if(info.indexOf("msie")>-1){
                  browser="IE";
              }else if(info.indexOf("firefox")>-1){
                  browser="Firefox";
              }else if(info.indexOf("chrome")>-1){
                  browser="Chrome";
              }else if(info.indexOf("safari")>-1){
                  browser="safari";
              } 
             document.write("您使用的是:"+browser+"浏览器");  
          } 
       </script>  
    </body>
</html>

以上是帮你修改完成后的代码。你的代码的问题是你已经定义了一个var browser=document.getElementById("browser");

后面还重复定义browser="",所以我帮你把前面获取id的定义值修改成了btn,这样才能让browser用来接收浏览器信息

另一个问题是,你已经使用了toLowerCase()把字符全部转换了小写了。所以在用if语句寻找时为什么寻找大写的呢?

望采纳

  • steven_hui 提问者 #1
    谢谢,明白了
    2017-04-18 21:08:35
  • 程序学习袁 回复 提问者 steven_hui #2
    麻烦采纳一下呀哥们~~
    2017-04-18 21:17:25
  • steven_hui 提问者 #3
    非常感谢!thank you
    2017-04-18 21:20:28
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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