45 lines
967 B
HTML
45 lines
967 B
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>事件</title>
|
||
<style>
|
||
.none {
|
||
width: 200px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
|
||
<!-- <button onclick="test()">点我</button> -->
|
||
<button>点我</button>
|
||
|
||
</body>
|
||
<script>
|
||
// 事件 在浏览器中的某些（一堆类型）动作就是事件
|
||
// 1 事件源 2：事件类型 3：事件处理逻辑
|
||
var button = document.querySelector("button")
|
||
console.log(button);
|
||
|
||
// function tests () {
|
||
// alert(1)
|
||
// }
|
||
|
||
button.onclick = function () {
|
||
button.classList.toggle("none")
|
||
}
|
||
|
||
// button.addEventListener('click', function() {
|
||
// alert("111")
|
||
// })
|
||
|
||
// button.addEventListener('click', function() {
|
||
// alert("222")
|
||
// })
|
||
|
||
|
||
</script>
|
||
</html> |