                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

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

<!DOCTYPE HTML>

<html>

<head>

<title>navigator</title>

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>

</form>

</body>

</html>

Scny

2015-12-16

源自：JavaScript进阶篇 8-13

关注问题我要回答

939

操作

收起

2 回答

一毛钱回答被采纳 +3 积分
2015-12-16

因为你用了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>