JavaScript是一門用于編寫交互式網頁的腳本語言，它可用于實現多種功能，其中按鈕效果是其中之一。

在網頁中加入按鈕的方式之一是使用標簽，如下例所示：

<button>點擊我</button>

然而，

標簽有其局限性，例如不能添加背景圖像或自定義邊框樣式等。為了進一步增強按鈕效果，我們可以使用JavaScript代碼。下面的JavaScript代碼在按鈕上添加了背景圖像：

<!--HTML代碼-->
<button id="myButton">點擊我</button>
<!--JavaScript代碼-->
document.getElementById("myButton").style.backgroundImage = "url('button.png')";
document.getElementById("myButton").style.backgroundSize = "cover";

另一種實現按鈕效果的方式是使用標簽，代碼如下：

<input type="button" value="點擊我" onclick="alert('Hello World!')">

在這個例子中，標簽會創建一個按鈕，當點擊按鈕時，會彈出一個對話框顯示"Hello World!"。

使用JavaScript代碼還可以實現更加復雜的按鈕效果，例如當鼠標懸停在按鈕上時改變按鈕背景色的效果，代碼如下：

<!--HTML代碼-->
<button id="myButton">點擊我</button>
<!--JavaScript代碼-->
document.getElementById("myButton").addEventListener("mouseenter", function() {
document.getElementById("myButton").style.backgroundColor = "lightblue";
});
document.getElementById("myButton").addEventListener("mouseleave", function() {
document.getElementById("myButton").style.backgroundColor = "white";
});

在這個例子中，使用JavaScript代碼的addEventListener方法，當鼠標懸停在按鈕上時，會將按鈕的背景色改為lightblue，當鼠標移出按鈕時，將按鈕背景色改回白色。

上述例子只是JavaScript實現按鈕效果的冰山一角，JavaScript還可以實現更加復雜的效果，例如添加鼠標點擊動畫特效，使按鈕在鼠標點擊時發生縮放或旋轉等等。我們可以根據需求選擇不同的JavaScript庫或框架，例如jQuery、React等，來實現更加出色的按鈕效果。

總之，無論是使用簡單的HTML標簽還是使用JavaScript代碼，按鈕都是網頁設計中重要的交互元素之一。通過善于運用HTML和JavaScript，我們可以打造出更加美觀、實用、交互性強的按鈕，為用戶帶來更好的使用體驗。