在 HTML 中,我們有一個(gè)按鈕用於將使用者請(qǐng)求資料提交到伺服器(後端)以驗(yàn)證和導(dǎo)航網(wǎng)頁(yè)。主要是,如果我們使用 onclick 按鈕作為事件屬性,並且所有瀏覽器都支持,那麼無(wú)論我們?cè)谀_本中使用此事件函數(shù),瀏覽器相容性功能也是如此。當(dāng)使用者點(diǎn)擊時(shí),該事件就會(huì)出現(xiàn)。標(biāo)籤,會(huì)用到,需要在
onclick 按鈕的工作原理
主要用於在使用者需要點(diǎn)擊按鈕的地方觸發(fā)並呼叫函數(shù)。如果使用者透過點(diǎn)擊滑鼠, Onclick 事件中的元素,它會(huì)呼叫 Javascript 等函數(shù)。 …onclick 事件屬性基本上只包含一個(gè)在事件後端執(zhí)行的腳本的值。
文法:
<button? name="" value="" onclick<strong> ="</strong>function()"/>
以上語(yǔ)法是html屬性中onclick事件的基本用法。我們也根據(jù)用戶需求客製了活動(dòng)。
HTML onclick 按鈕範(fàn)例
下面給出了 html 中 onclick 按鈕的範(fàn)例:
範(fàn)例#1
代碼:
<html>
<body>
<button onclick="Function()">Click</button>
<p id="sample"></p>
<script>
function Function() {
document.getElementById("sample").innerHTML = "Welcome";
}
</script>
</body>
</html>
輸出:

在上面的範(fàn)例中,我們建立了javascript函數(shù);此外,當(dāng)使用者點(diǎn)擊「click」按鈕時(shí),瀏覽器本身會(huì)顯示「Welcome」值。
範(fàn)例#2
代碼:
<html>
<body>
<p id="sample" onclick="Function()">Click</p>
<script>
function Function() {
document.getElementById("sample").innerHTML = "Welcome";
}
</script>
</body>
</html>
輸出:

上面的範(fàn)例也與我們?cè)谇懊娴墓?fàn)例 1 中討論的相同,但這裡我們沒有使用任何
以上是HTML onclick 按鈕的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章!