<script language=javascript>
function WritePager(pageIndex,pageCount,pageName,ext){
if(pageCount>1){
var pagelen=7;
var startPage=pageIndex-3;
if(startPage<0) startPage=0;
var endpage=pagelen+startPage;
if(endpage>pageCount)endpage=pageCount;
startPage=endpage-7;
if(startPage<0) startPage=0;
if(pageIndex>1) {
document.write("<a href=\""+pageName+"."+ext+"\">首页</a> ");
document.write(" <a href=\""+pageName+"_"+(pageIndex-1)+"."+ext+"\">上一页</a> ");
}
else if(pageIndex==1){
document.write("<a href=\""+pageName+"."+ext+"\">首页</a> ");
document.write(" <a href=\""+pageName+"."+ext+"\">上一页</a> ");
}
else{
document.write(" 首页</a> ");
document.write(" 上一页 ");
}
for(var i=startPage;i<endpage;i++){
if(i==pageIndex){
document.write(" <font color=red>"+(i+1)+"<\/font> ");
}else if(i==0){
document.write(" <a href=\""+pageName+"."+ext+"\">"+(i+1)+"</a> ");
}else{
document.write(" <a href=\""+pageName+"_"+i+"."+ext+"\">"+(i+1)+"</a> ");
}
}
if(pageIndex<pageCount-1){
document.write(" <a href=\""+pageName+"_"+(pageIndex+1)+"."+ext+"\">下一页</a> ");
document.write("<a class='pagebar' href=\"" + pageName + "_" + (pageCount-1) + "." + ext + "\">尾页</a>");
}
else{
document.write(" 下一页 ");
document.write(" 尾页</a>");
}
}
}
WritePager(0,100,"index","html");
</script>
分享到:
相关推荐
- 示例代码中使用了一个简单的正则表达式`/^\d+$/`来提取URL中的页码参数。 #### 5. **DOM元素操作** - JavaScript可以动态创建、修改和删除DOM元素。 - 在示例代码中,通过`document.createElement`方法创建了...
这篇内容将详细介绍10种经典的JS分页代码实现方法,帮助开发者理解和应用这些技术。 1. **基础HTML和CSS分页**:最简单的分页实现,通常结合HTML链接和CSS样式来创建分页条目。开发者需要计算总页数,然后创建相应...
本示例提供的"JS+HTML分页代码"是一个利用JavaScript(JS)和超文本标记语言(HTML)实现的分页功能,主要包含了首页、前页、后页、尾页以及自定义分页页号的功能。 **HTML基础**: HTML是网页的基础,用于构建页面...
以下是一个简单的JavaScript分页代码示例: ```javascript // 假设这是你的数据源 let dataSource = [...]; // 这里填写你的数据 // 每页显示的行数 const pageSize = 10; // 当前页数 let currentPage = 1; // ...
JavaScript(简称JS)是一种轻量级的解释型编程语言,广泛应用于网页和网络应用开发,特别是在客户端渲染的应用中...无论是学习基础的JavaScript编程,还是提升Web开发技能,这10种JS分页代码都是一份宝贵的学习资源。
这个压缩包中包含了多个JavaScript分页代码示例,适合网页开发者参考和直接应用。 分页效果的实现通常包括以下几个核心部分: 1. 数据获取:首先,需要获取要分页展示的数据。这些数据可以来源于服务器端(如通过...
### 纯JS长文章分页代码解析 在网页开发中,为了提高用户体验及加载速度,经常需要将过长的文章内容进行分页处理。本文基于提供的文件内容,深入解析一个用纯JavaScript实现的文章分页代码。 #### 核心概念与功能 ...
"10经典常用的js分页代码(开发必备)"这个资源集合了十个在实际开发中广泛使用的JavaScript分页实现方案。 1. **基础概念**:分页通常涉及到数据的动态加载,通过将大量数据分成若干页,每次只显示一部分,用户可以...
以下是对"10种漂亮JS网站分页代码"的详细解析: 1. **基础概念**:分页是将大量数据分成小块,每一块对应一个页面,用户可以通过点击页码或导航箭头在这些页面间切换。JS分页通常通过AJAX实现,即异步请求服务器...
在这个主题中,我们将深入探讨"分页js"的相关知识点,包括分页的基本原理、JavaScript实现分页的方法、以及如何结合CSS(如`pageNav.css`)优化分页的样式。 首先,我们要理解分页的基本概念。分页通常用于显示...
本篇文章将详细介绍10种JavaScript分页代码实现方式,帮助你理解和掌握这一关键技能。 1. **基础HTML+CSS+JS分页**:最简单的分页实现,通过JavaScript计算总页数,创建HTML元素,绑定点击事件,更新显示内容。 2....
这些分页代码示例提供了多种实现方式,可以帮助开发者理解和应用JavaScript分页功能。 首先,JavaScript分页的核心原理是通过计算当前页面的数据范围,根据总数据量和每页显示的数量来生成相应的导航链接。当用户...
例如,下面是一个简单的JavaScript分页代码片段: ```javascript let data = [/* your data array */]; let pageSize = 10; let currentPage = 1; function renderPage() { let startIndex = (currentPage - 1) * ...
总结,这个经典JavaScript分页代码提供了一个基础的分页解决方案,适用于简单的Web应用。它利用JavaScript的类和方法组织代码,通过操作DOM来实现分页效果。为了适应更复杂的场景,如异步加载数据、动态调整每页记录...
**jQuery分页程序和JavaScript分页代码详解** 在网页开发中,当数据量过大时,为了提高用户体验,通常会采用分页技术来展示数据。本篇文章将深入探讨JavaScript(JS)和jQuery实现分页的原理与方法。 首先,我们要...
这个"10种JavaScript分页代码.rar"压缩包文件包含了一系列实现JavaScript分页功能的源代码示例,旨在帮助开发者理解和应用不同的分页策略。 1. 基本原理: 分页的基本思想是将大量数据分成若干小块(页),每次只...
"简单的分页代码"示例可能包含一个简单的分页逻辑实现,例如使用JavaScript或PHP。学习这样的代码可以帮助初学者了解如何处理数据请求,如何根据页码计算和获取数据,以及如何更新页面显示。 在实际开发中,分页...
本示例“简单分页代码”将带你深入理解分页的基本原理,以及如何实现一个基本的分页功能。 分页的核心目标是将大集合的数据分成多个小部分,让用户逐页浏览,而不是一次性加载所有数据,这可以减少服务器压力,加快...
以下是一个简单的JavaScript分页示例: ```javascript function loadPage(pageNo) { var xhr = new XMLHttpRequest(); xhr.open('GET', 'data.php?page=' + pageNo, true); xhr.onreadystatechange = function()...