JavaScript給按鈕綁定點(diǎn)擊事件（onclick）的方法
更新時(shí)間：2015年04月07日 12:02:42 作者：work24
這篇文章主要介紹了JavaScript給按鈕綁定點(diǎn)擊事件（onclick）的方法,涉及javascript綁定onclick的基本技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了JavaScript給按鈕綁定點(diǎn)擊事件（onclick）的方法。分享給大家供大家參考。具體分析如下：
我們可以通過(guò)設(shè)定按鈕的onclick屬性來(lái)給按鈕綁定onclick事件
<!DOCTYPE html>
<html>
<head>
<script>
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<h1>My First JavaScript</h1>
<p id="demo">This is a paragraph.</p>
<button type="button" onclick="displayDate()">
Display Date</button>
</body>
</html>
PS：這里再為大家推薦一款關(guān)于JS事件的在線查詢工具，歸納總結(jié)了JS常用的事件類型與函數(shù)功能：
javascript事件與功能說(shuō)明大全：
http://tools.jb51.net/table/javascript_event
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助
相關(guān)文章
前端數(shù)組去重面試我會(huì)問(wèn)這3個(gè)小問(wèn)題
數(shù)組去重在我們的前端的面試過(guò)程中經(jīng)過(guò)會(huì)遇到,有一些人可能會(huì)想到一兩種,但是數(shù)據(jù)去重的算法真的太多了,下面這篇文章主要給大家介紹了關(guān)于前端數(shù)組去重面試3個(gè)小問(wèn)題的相關(guān)資料,需要的朋友可以參考下2023-01-01
Perl Substr()函數(shù)及函數(shù)的應(yīng)用
這篇文章主要介紹了Perl Substr()函數(shù)及函數(shù)的應(yīng)用,需要的朋友可以參考下2015-12-12
BootstrapValidator不觸發(fā)校驗(yàn)的實(shí)現(xiàn)代碼
BootstrapValidator是基于bootstrap3的jquery表單驗(yàn)證插件，是最適合bootstrap框架的表單驗(yàn)證插件，本文給大家介紹BootstrapValidator不觸發(fā)校驗(yàn)的實(shí)現(xiàn)代碼，感興趣的朋友一起看看吧2016-09-09
JavaScript實(shí)現(xiàn)京東快遞單號(hào)查詢
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)京東快遞單號(hào)查詢，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-11-11 
這篇文章主要介紹了JavaScript中數(shù)組去重的5種方法，文中講解非常詳細(xì)，實(shí)例代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下
2020-07-07 
昨天我問(wèn)一美工jQuery怎么樣了，他說(shuō)簡(jiǎn)單的還可以，復(fù)雜的就不行了，我又問(wèn)是哪種程度的復(fù)雜？
2010-11-11 
微信小程序左右滑動(dòng)的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序左右滑動(dòng)的實(shí)現(xiàn)代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-12-12 
12個(gè)div逐個(gè)顯示效果...
2006-10-10 
js 數(shù)組 find,some,filter,reduce區(qū)別詳解
區(qū)分清楚Array中filter、find、some、reduce這幾個(gè)方法的區(qū)別，根據(jù)它們的使用場(chǎng)景更好的應(yīng)用在日常編碼中。具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-06-06