怎麼觸發javascript程式碼？三種方法

JavaScript 是一種編寫互動式網頁的語言，透過在網頁上新增 JavaScript 程式碼來使用戶與頁面互動。 JavaScript 程式碼可以直接寫在 HTML 檔案內，也可以單獨寫在外部的 .js 檔案內。不僅如此，JavaScript 函式庫也充斥著各種有用的功能和方法來簡化開發流程。

JavaScript 在目前網路開發中的應用非常廣泛，而觸發 JavaScript 的方式也有很多。在本文中，我們將介紹如何觸發 JavaScript。

一、透過事件觸發 JavaScript

JavaScript 可以透過事件來觸發，例如點擊按鈕、輸入表單等操作。以下是一些常用的事件觸發方法：

1. onClick() 方法

在 HTML 按鈕中加入 onClick() 方法，可以在按鈕被點擊時觸發 JavaScript 函數。範例程式碼如下：

<button>点击我</button>

<script>
function myFunction() {
  alert("Hello World!");
}
</script>

2. addEventListener() 方法

也可以使用 addEventListener() 方法來為 HTML 元素新增事件監聽器，實作多個事件監聽。例如，當滑鼠移入或移出某個元素時，可以觸發對應事件的 JavaScript 函數。範例程式碼如下：

<button>点击我</button>

<script>
document.getElementById("myBtn").addEventListener("mouseenter", mouseEnter);
document.getElementById("myBtn").addEventListener("mouseleave", mouseLeave);

function mouseEnter() {
  document.getElementById("myBtn").style.backgroundColor = "blue";
}

function mouseLeave() {
  document.getElementById("myBtn").style.backgroundColor = "red";
}
</script>

二、透過計時器觸發 JavaScript

也可以使用計時器觸發 JavaScript 函數，例如使用 setInterval() 方法。以下是一個範例，在頁面開啟後每隔一秒鐘彈出一個 Hello World 的對話框。

<script>
setInterval(function() {
  alert("Hello World!");
}, 1000);
</script>

三、透過操作 DOM 觸發 JavaScript

JavaScript 操作 DOM 是非常常見的，也容易觸發對應的事件。例如，在 HTML 上使用 JavaScript 取代某個元素的文字時，可以觸發對應的事件。範例程式碼如下：

<div>Hello World!</div>

<script>
document.getElementById("myDiv").addEventListener("click", changeText);

function changeText() {
  document.getElementById("myDiv").innerHTML = "新的文本";
}
</script>

以上是觸發 JavaScript 的一些常用方式。隨著科技的不斷更新和發展，有許多新的方式出現。掌握這些技能，可以使我們更能開發出互動性更強的網頁。

以上是怎麼觸發javascript程式碼？三種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！