JavaScript給按鈕綁定點擊事件（onclick）的方法
更新時間：2015年04月07日 12:02:42 作者：work24
這篇文章主要介紹了JavaScript給按鈕綁定點擊事件（onclick）的方法,涉及javascript綁定onclick的基本技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了JavaScript給按鈕綁定點擊事件（onclick）的方法。分享給大家供大家參考。具體分析如下：
我們可以通過設(shè)定按鈕的onclick屬性來給按鈕綁定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事件與功能說明大全：
http://tools.jb51.net/table/javascript_event
希望本文所述對大家的javascript程序設(shè)計有所幫助
相關(guān)文章
JS+CSS設(shè)置img在DIV中只顯示Img垂直居中的部分
img的寬和Div相同，但高不固定，要求只顯示Img垂直居中的部分，下面有個不錯的示例，感興趣的朋友可以參考下2013-10-10
本文為大家詳細(xì)介紹下使用JS實現(xiàn)圖片直接下載，具體實現(xiàn)代碼如下，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-07-07
uniapp中使用?uni.navigateBack()?返回上級頁面并傳參的方法
最近遇到這樣的需求在A頁面中通過跳轉(zhuǎn)到B頁面,在B頁面中處理的數(shù)據(jù),需要跳轉(zhuǎn)回A頁面供其使用,本文給大家分享uniapp中使用?uni.navigateBack()?返回上級頁面并傳參的操作方法,感興趣的朋友一起看看吧2023-10-10
這篇文章主要為大家詳細(xì)介紹了bootstrap選項卡使用方法，包括選項卡組件和底部可以切換的選項卡面板使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
JavaScript 中調(diào)用 Kotlin 方法實例詳解
這篇文章主要介紹了JavaScript 中調(diào)用 Kotlin 方法實例詳解的相關(guān)資料,需要的朋友可以參考下2017-06-06
Iphone手機、安卓手機瀏覽器控制默認(rèn)縮放大小的方法總結(jié)（附代碼）
這篇文章主要介紹了Iphone手機、安卓手機瀏覽器控制默認(rèn)縮放大小的方法，通過meta標(biāo)簽中添加屬性代碼展示控制瀏覽器的默認(rèn)縮放，具體操作步驟大家可查看下文的詳細(xì)講解，感興趣的小伙伴們可以參考一下。2017-08-08
這篇文章主要介紹了r.js來合并壓縮css文件的示例代碼，在r5下新建一個css文件夾，里面有四個css文件：main.css、nav.css、form.css、grid.css，具體示例代碼大家參考下本文2018-04-04
JavaScript自定義localStorage監(jiān)聽事件的解決方法
在項目開發(fā)過程中,發(fā)現(xiàn)有很多時候進行l(wèi)ocalStorage.setItem()操作設(shè)置本地存儲后,頁面必須刷新才能夠獲取到存儲數(shù)據(jù),為了解決這個問題,就必須要用到自定義localStorage監(jiān)聽事件了,所以本文給大家介紹了自定義localStorage監(jiān)聽事件,需要的朋友可以參考下2024-10-10
這篇文章主要介紹了JavaScript詞法作用域的相關(guān)資料，文中講解非常細(xì)致，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
這篇文章主要為大家詳細(xì)介紹了Vue指令的鉤子函數(shù)使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03