今天遇到一个问题：鼠标单击页面中的任意标签，弹出该标签的名称。
实现代码如下：
<script type="text/javascript">
document.onclick = function(e){
var e = (e||event);
var o = e["target"] || e["srcElement"];
alert(o.tagName.toLowerCase());
}
</script>
即创建了一个页面的点击事件。
随后写页面时，又用到了需要在页面加载时添加一个事件。当时多考虑了一下，想了想实现方法，包括JQuery的$.fuction()、$.ready()、window.onload、<body >，
对于window.onload，其实现思路同document.onclick相同，均是给DOM对象添加事件。
回头想想，当年在疑惑document并没有onclick方法，window并没有onload方法/属性，为什么可以这么写。现在再看，这只是给dom元素添加了一个事件而已啊。
又回想起js的定义：基于对象的，事件驱动的脚本编程语言。在js中,onclick是在文档对象或其子对象上的鼠标点击触发事件,是一通用事件。而事件模型又恰是Dom对象的子集，咱只不过是把Dom对象和onclick事件绑一块了。 回过头来再理解一下 对象的属性（document.height）,方法（document.getElementById）,事件（document.onclick），别绕进去出不来了。
时间： 2024-08-06 07:34:22