onclick: onclick="click()" 出錯道理

來源:互聯網
上載者:User

想實現點擊按鈕,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

相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。