首先是addLoadEvent函数的代码清单：
function addLoadEvent(func)
{
var oldonload=[removed];
if(typeof [removed]!='function')
{
[removed]=func;
}
else
{
[removed]=function()
{
oldonload();
func();
}
}
}
理解起来就是：
1.把现有的[removed]事件处理函数的值存入变量 oldonload;
2.如果在这个处理函数上还没有绑定任何函数
JavaScript中的`addLoadEvent`函数是一个实用的工具，主要用于解决页面加载事件（`load`事件）的处理。在网页设计中，我们常常需要在页面完全加载后执行某些操作，如初始化DOM元素、调整布局或者执行动画等。这些操作通常会绑定到`window.onload`事件上。然而，`window.onload`事件只能关联一个处理函数，这意味着如果我们有多个函数需要在页面加载后执行，就需要一种机制来确保所有函数都能得到调用。
`addLoadEvent`函数的目的是克服这个限制，允许开发者添加多个加载事件处理函数，而不会覆盖已有的处理函数。下面我们将详细分析`addLoadEvent`函数的工作原理：
1. **保存原始的`onload`事件处理函数**：
`addLoadEvent`函数首先检查`window.onload`的当前值，并将其存储在`oldonload`变量中。这一步至关重要，因为我们需要保留任何已存在的`onload`事件处理程序，以便在新的处理函数执行后还能调用它们。
```javascript
var oldonload = window.onload;
```
2. **检查并添加新函数**：
如果`window.onload`尚未被赋值（即其类型不是函数），那么`addLoadEvent`会直接将新的函数`func`赋值给`window.onload`，这样当页面加载完成时，新函数会被执行。
```javascript
if (typeof window.onload != 'function') {
window.onload = func;
}
```
3. **合并新旧函数**：
如果`window.onload`已经存在一个或多个处理函数，`addLoadEvent`函数会创建一个新的匿名函数，这个匿名函数会先调用`oldonload`（即原有的`onload`处理程序），然后再调用新传入的函数`func`。这样就确保了新添加的函数不会覆盖原有函数，而是与之合并。
```javascript
else {
window.onload = function() {
oldonload();
func();
}
}
```
通过这样的方式，`addLoadEvent`确保了可以多次调用该函数来注册不同的页面加载事件处理程序，而不会导致任何冲突。例如，如果你有两个函数`func1`和`func2`需要在页面加载后执行，你可以这样使用：
```javascript
addLoadEvent(func1);
addLoadEvent(func2);
```
这样，当页面加载完成后，`func1`和`func2`都会按照它们被添加的顺序依次执行，而不会有任何一个被忽略。
总结来说，`addLoadEvent`函数是JavaScript中处理页面加载事件的一种优雅解决方案，它使得我们可以方便地添加多个加载事件处理程序，而无需担心覆盖问题。在实际开发中，尤其是在需要组织和管理大量页面加载相关逻辑时，这种功能尤其有用。
