                        課程
                    
                        /前端開發
                        
                            /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>

? ? ?<input type="button" value="查看瀏覽器" onClick="validB()" ?>

? </form>

</body>

</html>

Scny

2015-12-16

源自：JavaScript進階篇 8-13

關注問題我要回答

978

操作

收起

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>