在 HTML 中，把 JS 代码移植到 JS 文件中，然后加载 该 JS 文件，需要注意几个细节问题。
1，原来的变量和函数放在 该放什么位置还是什么位置， 但所有的事件必须放在 $(function (){}) 里面去，当然这是和在页面中是一样的都需要放在 $(function (){} 里面。
例如，点击事件或者滚动事件。
代码示例：
$(window).scroll(function () { if ($(document).scrollTop() + $(window).height() >= $(document).height()-5 && canLoadMore) { scroll(); } });
2，在加载的 JS 文件中，使用 JS 模板进行显示数据的话，获取的 JS 模板页面的时候，会把一些特殊符号给取消。
例如，{：}
代码示例：
html = html.replace(/{:goods_id}/g,data.goods_id); html = html.replace(/goods_id/g,data.goods_id);
3，最大的坑， 每次更新 JS 不生效的时候，需要使用 Ctrl + F5 ，无缓存刷新页面，来加载最新的
