请教一下大神要怎么解决按了按钮以后按钮消失的问题?

来源:8-13 userAgent

Scny

2015-12-16 10:04

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


写回答 关注

2回答

  • 一毛钱
    2015-12-16 10:11:12
    已采纳

    因为你用了document.write()这样你会在你当前的页面写相关信息,如果你想保留原来的按钮,你可以定义一个标签(如div),然后把相关的的信息写到这个div中,

    <!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)";  
    			    }
    			    var result=document.getElementById("result");
    			    result.innerHTML="浏览器:"+B_name+"<br>u_agent:"+u_agent+"<br>";
    			        //document.write("浏览器:"+B_name+"<br>");
    			        //document.write("u_agent:"+u_agent+"<br>"); 
    			  }
    		</script>
    	</head>
    
    	<body>
    		<form>
    			<input type="button" value="查看浏览器" onClick="validB()">
    		<div id="result"></div>
    		</form>
    	</body>
    
    </html>


    uwenha... 回复一毛钱

    受教了,老司机师傅。哈哈

    2016-01-06 21:48:14

    共 5 条回复 >

  • 绝望的光
    2016-01-30 18:38:19

    有同样的问题。 多谢

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题