课程

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

JS点击按钮后按钮消失

来源：8-13 userAgent

Xplore

2016-04-05 21:58

如何保持显示按钮？为何按钮会消失……

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>navigator</title>

<script type="text/javascript">

  function validB(){ 

    var u_agent = navigator.userAgent; 

    var B_name="不是想用的主流浏览器!"; 

    if(u_agent.indexOf("Firefox")>-1){ 

        B_name="Firefox"; 

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

        B_name="Chrome"; 

    }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){ 

        B_name="IE(8-10)";  

    }

        document.write("浏览器:"+B_name+"<br>");

        document.write("u_agent:"+u_agent+"<br>"); 

  } 

</script>

</head>

<body>

  <form>

     <input type="button" value="查看浏览器" onclick="validB()">

  </form>

</body>

</html>


写回答 关注

3回答

  • qq_那小子_2
    2018-11-25 20:49:09

    <!DOCTYPE html>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>Math </title>

    <script type="text/javascript">

    function push(){

    var x=(Math.random())*10;

    document.getElementById('po').innerHTML=(Math.round(x));}

    </script>

    </head>

    <body>

        <span id="po"></span>

        <div>

        <input type="button"value="点击" onclick="push()">

        </div>

    </body>

    </html>


    0 0
  • kuban
    2016-04-20 11:09:53

    消失原因是执行document.write时文档流已关闭，而document.write是打开文档流再写入，此时是一个新的页面，按钮在旧的页面上，所以看不到了。具体可以查查“为什么document.write()会清空原来的内容”，有前辈给了详细例子与解释。保持按钮显示的方法楼上给了。

    0 2
  • 慕粉3141903
    2016-04-05 22:42:46

    <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>navigator</title>

    <script type="text/javascript">

      function validB(){ 

        var u_agent = navigator.userAgent; 

        var B_name="不是想用的主流浏览器!"; 

        if(u_agent.indexOf("Firefox")>-1){ 

            B_name="Firefox"; 

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

            B_name="Chrome"; 

        }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){ 

            B_name="IE(8-10)";  

        }

            

            document.getElementById('emps').innerHTML="浏览器"+B_name+"<br>"

            document.getElementById('emps').innerHTML="u_agent"+u_agent+"<br>"

           

      } 

    </script>

    </head>

    <body>

      <form>

         <input type="button" value="查看浏览器" onclick="validB()" >

         <div id="emps"></div>

      </form>

    </body>

    </html>


    0 1

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

467402 学习 · 21877 问题

查看课程

相似问题

为什么点击按钮后，按钮会消失

回答 1

我写了刷新效果，怎么点击按钮后按钮就消失了！

回答 5

怎样实现点击之后按钮不消失？

回答 2

点击按钮，没有出现对话框，然后按钮就消失了。。不懂

回答 3

用按钮实现访问兄弟节点？怎样点了按钮不消失？

回答 2

打开慕课网App查看更多内容