你把 引入 两个 js 文件 的 script 标签放在 div 标签的上面，就会先加载完js，再加载div了。
像这样：
<script src="a.js"></script>
<script src="b.js"></script>
<div id="c" class="d">
浏览器加载 html 页面内容是按从上到下的顺序一行行执行的。
相反，如果想div先加载，就把div写到script标签上面。
思路：当滚动条到达底部时，调用js方法去加载数据
代码如下：<div style="height:1600pxborder:1px solid red">设高度模拟滚动</div>
//引入js
<script src="
</script>
<script type="text/javascript">
$(function () {
$(window).scroll(function () {
//浏览器所能看到的页面的那部分的高度
var winH = $(window).height()
var scrH = $(window).scrollTop()//滚动的高度
//获取整个页面的高度 htmH为设置的滚动到的高度位置
var htmH = $(document).height() - 100
//可见高度+滚动高度 超出 设置的高度，触发方法
if (winH + scrH >= htmH) {
//到达底部-100的高度，触发方法
alert(1)
}
})
})
</script>
HTML中js的执行顺序就是按照从上至下引入的顺序来的。比如代码：
<script type="text/javascript" src="xxx.js"></script>
<script>zzzzzzzzzz.....</script>
必然是先执行xxx.js中的代码，后执行zzzzzzzzzz....。
如果发现不执行的情况，请多检查看是否代码有错误。
