javascript分页处理

最新推荐文章于 2020-12-01 00:20:59 发布

原创最新推荐文章于 2020-12-01 00:20:59 发布 · 713 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

Javascript 专栏收录该内容

34 篇文章

订阅专栏

本文深入探讨了HTML代码中实现动态页面加载的技术，包括JavaScript如何与服务器交互以获取数据并更新页面内容，以及如何使用变量和函数来控制页面的加载流程。通过实例分析，读者将了解到如何优化用户体验，提升网站的互动性和实时性。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script>
var nowPage = page;
var PagesLen = total;
var PageNum=5;

var PageNum_2=PageNum%2==0?Math.ceil(PageNum/2)+1:Math.ceil(PageNum/2);
var PageNum_3=PageNum%2==0?Math.ceil(PageNum/2):Math.ceil(PageNum/2)+1;

var startPage,endPage;
if (PageNum>=PagesLen){
	startPage=0;
	endPage=PagesLen-1
}else if(nowPage<PageNum_2){
	startPage=0;
	endPage=PagesLen-1>PageNum?PageNum:PagesLen-1;
}else{
	startPage=nowPage+PageNum_3>=PagesLen?PagesLen-PageNum-1: nowPage-PageNum_2+1;
	var t=startPage+PageNum;
	endPage=t>PagesLen?PagesLen-1:t;
}
</script>
</body>
</html>