想实现点击按钮,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