要在 HTML 中添加按钮并关联事件,可以使用以下步骤:
<button>点击我</button>
<button onclick="alert('Hello World!')">点击我</button>
在这个例子中,点击按钮时会弹出一个警告框,显示文本 "Hello World!"。
<button onclick="myFunction()">点击我</button>
<script>
function myFunction() {
alert('Hello World!');
}
</script>
在这个例子中,点击按钮时会调用名为 myFunction 的函数,该函数会弹出一个警告框,显示文本 "Hello World!"。
<button id="myButton">点击我</button>
<script>
document.getElementById("myButton").addEventListener("click", function() {
alert('Hello World!');
});
</script>
在这个例子中,使用 JavaScript 的 document.getElementById() 方法获取按钮元素,并使用 addEventListener() 方法添加 click 事件的监听器,当用户点击按钮时,会调用匿名函数,该函数会弹出一个警告框,显示文本 "Hello World!"。
关键词高亮:<button>
、onclick
、addEventListener()
、document.getElementById()
。