作为一个网站建设者来说，特别是写前端的朋友，往往会遇到这样的一个问题。

那就是JS的兼容。

打个比方：

我在使用响应式框架的时候，菜单在手机端上的弹出效果需要调用jq-1.5.js，

但是在某个页面使用物效的时候，如果用JQ-1.5版本的话，就会导致这个效果失效。比如说放大镜效果，我们需要使用JQ-1.3.JS,但是实际上在PC端上，我们是可以不用使用JQ-1.5,只调用JQ-1.3也不会响应PC端上的使用。

对于大神级的人物来说，一般是直接修改JS中的代码，因为这种情况多是因为命名或者类重复引起来的。但是对于我们一般人来说，修改类这些太过于复杂和麻烦。不是很实用。

于是我们选择了另一条更为简单的方式来处理这个问题。

<script   type="text/javascript">

if (screen.width<768)

	document.write('<script type="text/javascript" src="JQ-1.3.JS"><\\/script>');

else

	document.write('<script type="text/javascript" src="JQ-1.5.JS"><\\/script>');

</script>

以上JS的解释为：当屏幕尺寸小于768的时候，调用JQ-1.3，当大于768的时候，调用JQ-1.5，当然了，我们如果是多尺寸调用不同的JS，多写几个IF语句就可以了，是不是很简单？