你把 引入 两个 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>