lovecoding
/
W250511


			
				
					
						
						
							12345678910111213141516171819202122232425262728
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>按钮</button>
    <script>
        // 绑定事件
        // 第一步 一定要先获取要绑定事件的标签
        var btn = document.getElementsByTagName("button");
        // 因为返回的内容为类数组 没有办法直接对数组进行操作 所以要把数组里面的值取出来
        btn = btn[0];
        
        // 第二步绑定事件
        // 通过获取到标签 给他一个 点击事件（click） 标签.onclick 赋值给他一个函数
        // 这个函数称为事件处理函数
        // 事件触发之后要做的事情就写在函数内

        // 每次触发事件都会调用一次函数
        btn.onclick = function(){
            console.log("按钮被点击了");
        }
    </script>
</body>
</html>