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>
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>
2016-04-20
消失原因是執行document.write時文檔流已關閉,而document.write是打開文檔流再寫入,此時是一個新的頁面,按鈕在舊的頁面上,所以看不到了。具體可以查查“為什么document.write()會清空原來的內容”,有前輩給了詳細例子與解釋。保持按鈕顯示的方法樓上給了。
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>