如题所述
不刷新页面，重新加载js文件的方法有：
通过js创建script标签，例如
var script = document.createElement("script");script.src = "test.js";
document.body.appendChild(script);
2.通过ajax实现无刷新加载，ajax的方法可以自己写，也可以引用，以下引用的是jquery的ajax
$.ajax({type = "get",
url : "test.js",
dataType : "script"
});
总结：如果是自己写js，不引用。建议用第一种，第二种也可以参考。
我来还原一下场景：
a.animate({},function(){
b.animabe({})
})
假设你的页面大动画由两个小动画组成，大概是上面的样子。
动画改变的是什么？元素的样式。
element和js是分离的，你重新加载了js，也仅仅是覆盖了原来的变量方法而已，html的样式还是那个样子。
所以要复位画面，需要使用js去改变元素样式，这一步你逃不掉的。
取巧的办法是有的。
我设想你的页面为了兼容性等原因，没有使用css3来参与动画，而是使用动画框架比如jQuery的animate，而这些动画框架一般是通过动态改变标签内部的style来形成动画。
这说明，动画前后，变化的是标签内style属性。
比如从：
<div id="J_move"></div>
变化为
<div id="J_move" style="width:100px;"></div>
于是可以通过删除标签内的style属性来恢复，遍历一下所有你动画过的节点：
$elem.attr('style',"");
补充：后来我发现ie67中不能通过setAttribute来设置style，至于jQuery.attr没有试。可以先将jQuery对象转化为DOM对象，然后使用style.cssText='';来清空style。
前提是：动画前，这些元素都没有标签内style属性；动画过程中，你没有动态改变动画元素的className，而且动画元素的style也没有被其它程序修改过。
方法：可以通过js动态创建元素来引入js文件，由createElement来动态创建元素，动态的引入文件；
思路：首先删除原本的script标签，然后动态添加新的script标签来重新引入。
具体代码：
<script type="text/javascript">
var reloadJs = function(id){
var jsObj = document.getElementById(id);
var src = jsObj.src;
delete jsObj;
//重新加载
var script = document.createElement('script');
script.src = src;
document.body.appendChild(script);
};
</script>
比如在页面里面点击一个按钮（或者触发一个事件什么的）就会执行 ： 创建script标签，然后修改src，在吧创建出来的script标签添加到HTML里面
你只要吧你需要加载的js文件的路径写在创建出来的script标签的src里面就行了。。。
这样就可以实现页面不加载 只加载js文件
var jsElem = document.createElement('script');
jsElem.src='require.min.js';
document.getElementsByTagName('head')[0].appendChild(jsElem);
第二种
$.ajax({
type: "GET",
url: "test.js",
dataType: "script"
});
第二种完美实现
