<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>onclick事件</title>
<script type="text/javascript">
function onclickFunc() {
alert("静态注册的onclick事件");
}
window.onload = function () {
// 1)获取标签对象
/*
document 是JavaScript语言提供的一个对象
getElementById()——通过 id 属性获取标签对象
*/
var btnObj = document.getElementById("btn02");
// 2)通过标签对象.事件名 = function(){}
btnObj.onclick = function () {
alert("动态注册的onclick事件");
}
}
</script>
</head>
<body>
<!--静态注册onclick事件-->
<button onclick="onclickFunc()">按钮1</button>
<button id="btn02">按钮2</button>
</b
【尚硅谷 JavaWeb 笔记】onclick事件
本文详细介绍了在JavaWeb开发中如何使用JavaScript的onclick事件,通过实例展示了按钮点击的不同响应,包括‘按钮1’和‘按钮2’的点击效果,深入理解onclick事件在网页交互中的作用。
摘要由CSDN通过智能技术生成