为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/JavaScript

/JavaScript进阶篇

JS点击按钮后按钮消失

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

<!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>


Xplore

2016-04-05

源自：JavaScript进阶篇  8-13

关注问题 我要回答
6864
操作
收起

正在回答

3 回答

qq_那小子_2
2018-11-25

<!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 回复 有任何疑惑可以回复我~
收起回答
kuban
2016-04-20

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

2 回复 有任何疑惑可以回复我~
收起回答
慕粉3141903
2016-04-05

<!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>


1 回复 有任何疑惑可以回复我~
收起回答

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468188    人
  • 解答问题       21891    个

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

进入课程

本课相似问答

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

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

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

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

2 回答用按钮实现访问兄弟节点？怎样点了按钮不消失？
搜索更多本课相关问答

JS点击按钮后按钮消失

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信