事件

js事件

/*
 在事件对应的属性中设置一些js代码
 当事件触发时，执行此代码	 
 此种方式我们成为结构与行为的耦合
 不方便维护 ，不推荐使用
 */
 // 对button标签绑定了一个单击事件
 <button onclick="alert('hello world')">按钮</button>
 // 对div标签绑定了鼠标移入的事件
 <div onmouseover="alert('hello javascript')"></div>
 <div style="width:100px;height:200px;background:pink"></div>
 <button id="btn">你敢点我下试试</button>
 <script type="text/javascript">
	/* 
		事件：浏览器与用户之间交互的行为
			鼠标移动 、 鼠标点击 ，。。。。。。。。
	 */
	// 根据指定id获取元素对象
	var btn = document.getElementById("btn")
	// 对btn元素对象注册单击事件， 当事件触发时 执行回调处理函数
	btn.onclick = function(){
		alert("试试就试试")
	}
 </script>