HTML onclick 按鈕-html教學-PHP中文網

onclick 按鈕的工作原理

HTML onclick 按鈕範例

範例#3

各種事件中的OnClick事件

結論

首頁

web前端

html教學

HTML onclick 按鈕

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Sep 04, 2024 pm 04:49 PM

html html5 HTML Tutorial HTML Properties HTML tags

在 HTML 中，我們有一個按鈕用於將使用者請求資料提交到伺服器（後端）以驗證和導航網頁。主要是，如果我們使用 onclick 按鈕作為事件屬性，並且所有瀏覽器都支持，那麼無論我們在腳本中使用此事件函數，瀏覽器相容性功能也是如此。當使用者點擊時，該事件就會出現。標籤，會用到，需要在

onclick 按鈕的工作原理

主要用於在使用者需要點擊按鈕的地方觸發並呼叫函數。如果使用者透過點擊滑鼠， Onclick 事件中的元素，它會呼叫 Javascript 等函數。 …onclick 事件屬性基本上只包含一個在事件後端執行的腳本的值。

文法：

<button  name="" value="" onclick<strong> ="</strong>function()"/>

登入後複製

以上語法是html屬性中onclick事件的基本用法。我們也根據用戶需求客製了活動。

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>

登入後複製

輸出：

HTML onclick 按鈕

在上面的範例中，我們建立了javascript函數；此外，當使用者點擊「click」按鈕時，瀏覽器本身會顯示「Welcome」值。

範例#2

代碼：

<html>
<body>
<p id="sample" onclick="Function()">Click</p>
<script>
function Function() {
document.getElementById("sample").innerHTML = "Welcome";
}
</script>
</body>
</html>

登入後複製

輸出：

HTML onclick 按鈕