在 HTML 中,我們有一個按鈕用於將使用者請求資料提交到伺服器(後端)以驗證和導航網(wǎng)頁。主要是,如果我們使用 onclick 按鈕作為事件屬性,並且所有瀏覽器都支持,那麼無論我們在腳本中使用此事件函數(shù),瀏覽器相容性功能也是如此。當使用者點擊時,該事件就會出現(xiàn)。標籤,會用到,需要在
onclick 按鈕的工作原理
主要用於在使用者需要點擊按鈕的地方觸發(fā)並呼叫函數(shù)。如果使用者透過點擊滑鼠, Onclick 事件中的元素,它會呼叫 Javascript 等函數(shù)。 …onclick 事件屬性基本上只包含一個在事件後端執(zhí)行的腳本的值。
文法:
<button? name="" value="" onclick<strong> ="</strong>function()"/>
以上語法是html屬性中onclick事件的基本用法。我們也根據(jù)用戶需求客製了活動。
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>
輸出:

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

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