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

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

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