方法/步骤
1
希望当用户单击按钮时，弹出一个窗口，最简单的方式是直接在标记中添加事件处理，如图操作，onclick表示鼠标单击时触发的事件处理。
2
上诉直接把事件处理代码放在DOM结构中是一种不推荐的做法，更好的做法是写在JavaScript中，这样DOM结构和JavaScript代码分开，利于页面维护，如图操作。
3
处理函数也可以被单独创建，再赋值给元素的onclick属性，如图操作。
4
onclick表示鼠标单击，而onmouseover表示鼠标滑过，如图操作，当鼠标移动到按钮时就触发事件，并没有单击。
5
onmouseout表示鼠标移出，如图操作，当鼠标在接触按钮时又移出触发事件。
6
注册onload事件，当页面加载完毕时，触发事件，this表示自身对象，如这里的this表示页面本身，如果在函数中this表示的就是函数自身。可以把this理解为简写形式，就是调用自身对象的。注意：onload事件有一个缺点，因为当页面加载完毕时，才会执行代码，就会造成页面加载缓慢。
注意事项
1
按住Ctrl键+鼠标滚动滑轮可以放大网页更清楚查看gif动态图。
2
因gif动态图将重复播放。建议进入-步骤阅读模式-边看文字边单击图片放大看。