想實現點擊按鈕,table1顯示,table2隱藏,可是出現了問題 onclick似乎沒有執行...。。
現在已經改過來了,如下正確:
<html>
<head>
<script language="javascript" type="text/javascript">
function dic()
{
document.getElementById('table1').style.display = "block";
document.getElementById('table2').style.display = "none";
}
</script>
</head>
<body>
<input type="button" value="3" onclick="dic()">
<div id="table2">
這是table2
</div>
<div id="table1" style="display:none">
這是table1
</div>
</div>
</body>
</html>
其實就是把onclick="click()" 換成了onclick="dic()",其實只要onclick=" "裡面不出現click()其他的任何字母組合單詞都行。
原理如下:
ASP控制項與input控制項中OnClick 與 OnClientClick的區別
2009-11-06 10:36
我想點擊一個按鈕觸發他的alert事件,於是我嘗試著在頁面中拖了兩個控制項,一個是input類型的,一個是ASP類型的。同樣的事件方法
<script language="javascript">
function Click()
{
alert("hello");
}
</script>
但是填寫事件的事件方法卻有區別1.onclick="Click()",2.OnClientClick ="Click()"(填寫onclick="Click()"是錯誤的,雖然同樣是事件)。
其關鍵區別在於asp控制項會觸發postback的事件,來執行後台代碼。而OnClientClick屬性則是執行前臺的腳本(如javascript)。如果兩個事件都有寫,那麼總是前他叫本先執行。
本文連結http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20130717/39154.html