利用JS和CSS的覆盖特性来解决文件冲突问题

<script type="text/javascript" src="a.js"></script>
<script type="text/javascript" src="b.js"></script>

window.onload=function(){
alert("这是a.js的");
}

window.onload=function(){
alert("这是b.js的");
} 

这样的话，在a.js定义的window.onload事件会被b.js定义的window.onload事件覆盖掉。

<script type="text/javascript" src="a.js"></script>
<script type="text/javascript" >
var aa=window.onload;//得到已经定义的window.onload事件处理程序的句柄或者说引用 这里面保存了a.js定义的window.onload事件的逻辑操作。
window.onload=null;//把window.onload的事件处理程序注销，这样系统就不会再执行window.onload函数了。
</script>
<script type="text/javascript" src="b.js"></script>
<script type="text/javascript" >
var bb=window.onload;//得到已经定义的window.onload事件处理程序的句柄或者说引用 这里面保存了b.js定义的window.onload事件的逻辑操作。
window.onload=null;//把window.onload的事件处理程序注销，这样系统就不会再执行window.onload函数了。
</script>
window.onload=function(){
aa();bb();//重新注册window.onload事件，执行的代码逻辑为a.js和b.js中定义的代码操作。
}

这样就顺利解决了代码文件的冲突问题。是不是觉得很新奇呢？