随着项目规模的增大，协作开发也越来越长见，协作开发时间久了就会遇到一个恶心的文件冲突问题。

假设一个HTML文件引用了两个外部JS文件，而这两个外部JS文件你没有修改的权限，你只有HTML文件的修改权限，

两个外部JS文件都定义了window.onload事件。代码假设如下：

<script type="text/javascript" src=http://www.mamicode.com/"a.js"></script>>
 a.js的文件内容：
window.onload=function(){
alert("这是a.js的");
}



b.js的文件内容：

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

如果我们想a.js和b.js中的window.onload都能正常执行，该怎么办呢？？？

我们知道JS有这样的特性：后面定义的同名变量会覆盖掉前面定义的同名变量的值而不报错，还有可以自定义变量 其值为系统函数的引用。

得到的变量跟系统函数的功能一样。

好了，我们就利用JS的这个特性，有的人认为这是JS设计的Bug，至少在这个时候这个特性还是有点用处的。

我们新改的代码如下：

<script type="text/javascript" src=http://www.mamicode.com/"a.js"></script>>

CSS文件样式冲突也可以使用这种方法解决。

假设你的HTML加载了a.css b.css。 b.css中的某一个样式规则覆盖了a.css中的样式。而你只有修改a.css的权限，没有修改b.css的权限

而且css文件加载顺序必须是先a.css然后才b.css .这时候该怎么办呢？？

不要慌！这时候你可以按照上面JS文件冲突的思路解决这个问题。

因为CSS也有这样的特性：后面定义的规则覆盖前面定义的同名规则。

这时候你只需要在b.css后面新建一个style 里面写上你想要覆盖的CSS规则 里面写新的样式规则即可。

很激动有木有？

今天就先到这里吧。

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