1,注册页面滚动事件,window.onscroll = function(){ }; 2,相关获取页面高度、滚动条位置、文档高度的函数: 3,在html页面底部增加代码: 这样当滚动条到达页面底部时就会触发alert("到达底部")。下面要做的就是将触发的功能改为ajax调用,往页面中动态增加内容。 4,动态增加页面元素的示例代码: 将这段代码替换掉alert("到达底部");,就可以看到,当滚动条滚动到底部时,页面底部就会增加一行”new item“,不同往下滚动,不停增加,无止尽。 5,将示例代码修改为ajax相关代码: 当滚动条到页面底部之后,就会增加以下节点,如下: 2 200 3 200 ajax ok 4 200 ajax ok 这里2、3、4,就是请求的状态readyState,200就是http的回应状态status,ajax ok是/ajaxtext应用返回的文本,具体查看以下参考资料。 按照XMLHttpRequest的的文档说明,应该能够打印出: 0 200 1 200 2 200 3 200 ajax ok 4 200 ajax ok 但是我这里没有打印出0和1这两个状态,这是为什么呢,路过的高手方便吱一声吗?
这篇文章主要介绍了如何使用javscript实现滚动条滚动到页面底部自动加载增加页面内容,需要的朋友可以参考下
Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
来源: