`
vtrtbb
  • 浏览: 361364 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

简单的JS分页代码

阅读更多
<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>&nbsp;");	   
				document.write("&nbsp;<a href=\""+pageName+"_"+(pageIndex-1)+"."+ext+"\">上一页</a>&nbsp;");
				}
			else if(pageIndex==1){
				document.write("<a href=\""+pageName+"."+ext+"\">首页</a>&nbsp;");
				document.write("&nbsp;<a href=\""+pageName+"."+ext+"\">上一页</a>&nbsp;");
				}
			else{
				document.write("&nbsp;首页</a>&nbsp;");
				document.write("&nbsp;上一页&nbsp;");
				}
				
			for(var i=startPage;i<endpage;i++){
				if(i==pageIndex){
					document.write("&nbsp;<font color=red>"+(i+1)+"<\/font>&nbsp;");
				}else if(i==0){
					document.write("&nbsp;<a href=\""+pageName+"."+ext+"\">"+(i+1)+"</a>&nbsp;");
				}else{
					document.write("&nbsp;<a href=\""+pageName+"_"+i+"."+ext+"\">"+(i+1)+"</a>&nbsp;");
				}
			}
			if(pageIndex<pageCount-1){
				document.write("&nbsp;<a href=\""+pageName+"_"+(pageIndex+1)+"."+ext+"\">下一页</a>&nbsp;");
				document.write("<a class='pagebar' href=\"" + pageName + "_" + (pageCount-1) + "." + ext + "\">尾页</a>");
				}
			else{
				document.write("&nbsp;下一页&nbsp;");
				document.write("&nbsp;尾页</a>");
				}

		}
	}
	WritePager(0,100,"index","html");
</script>

 

分享到:
评论
2 楼 vtrtbb 2011-09-22  
哦,我试试
1 楼 hastune 2011-09-20  
博主论坛的帖子锁了。我没能回复。

采用Array.join比字符串+的方式快。

相关推荐

    js分页代码,分页代码

    - 示例代码中使用了一个简单的正则表达式`/^\d+$/`来提取URL中的页码参数。 #### 5. **DOM元素操作** - JavaScript可以动态创建、修改和删除DOM元素。 - 在示例代码中,通过`document.createElement`方法创建了...

    经典的10种JS分页代码

    这篇内容将详细介绍10种经典的JS分页代码实现方法,帮助开发者理解和应用这些技术。 1. **基础HTML和CSS分页**:最简单的分页实现,通常结合HTML链接和CSS样式来创建分页条目。开发者需要计算总页数,然后创建相应...

    JS+HTML分页代码

    本示例提供的"JS+HTML分页代码"是一个利用JavaScript(JS)和超文本标记语言(HTML)实现的分页功能,主要包含了首页、前页、后页、尾页以及自定义分页页号的功能。 **HTML基础**: HTML是网页的基础,用于构建页面...

    js table设置表格行tr分页代码简单的分页代码下载

    以下是一个简单的JavaScript分页代码示例: ```javascript // 假设这是你的数据源 let dataSource = [...]; // 这里填写你的数据 // 每页显示的行数 const pageSize = 10; // 当前页数 let currentPage = 1; // ...

    10种JS分页代码!,喜欢的来拿了

    JavaScript(简称JS)是一种轻量级的解释型编程语言,广泛应用于网页和网络应用开发,特别是在客户端渲染的应用中...无论是学习基础的JavaScript编程,还是提升Web开发技能,这10种JS分页代码都是一份宝贵的学习资源。

    Javascript分页效果(收集了很多强大的JS分页代码)

    这个压缩包中包含了多个JavaScript分页代码示例,适合网页开发者参考和直接应用。 分页效果的实现通常包括以下几个核心部分: 1. 数据获取:首先,需要获取要分页展示的数据。这些数据可以来源于服务器端(如通过...

    纯JS长文章分页代码

    ### 纯JS长文章分页代码解析 在网页开发中,为了提高用户体验及加载速度,经常需要将过长的文章内容进行分页处理。本文基于提供的文件内容,深入解析一个用纯JavaScript实现的文章分页代码。 #### 核心概念与功能 ...

    10经典常用的js分页代码(开发必备)

    "10经典常用的js分页代码(开发必备)"这个资源集合了十个在实际开发中广泛使用的JavaScript分页实现方案。 1. **基础概念**:分页通常涉及到数据的动态加载,通过将大量数据分成若干页,每次只显示一部分,用户可以...

    10种漂亮JS网站分页代码

    以下是对"10种漂亮JS网站分页代码"的详细解析: 1. **基础概念**:分页是将大量数据分成小块,每一块对应一个页面,用户可以通过点击页码或导航箭头在这些页面间切换。JS分页通常通过AJAX实现,即异步请求服务器...

    分页js文件

    在这个主题中,我们将深入探讨"分页js"的相关知识点,包括分页的基本原理、JavaScript实现分页的方法、以及如何结合CSS(如`pageNav.css`)优化分页的样式。 首先,我们要理解分页的基本概念。分页通常用于显示...

    10种JS分页代码

    本篇文章将详细介绍10种JavaScript分页代码实现方式,帮助你理解和掌握这一关键技能。 1. **基础HTML+CSS+JS分页**:最简单的分页实现,通过JavaScript计算总页数,创建HTML元素,绑定点击事件,更新显示内容。 2....

    10种JavaScript分页代码

    这些分页代码示例提供了多种实现方式,可以帮助开发者理解和应用JavaScript分页功能。 首先,JavaScript分页的核心原理是通过计算当前页面的数据范围,根据总数据量和每页显示的数量来生成相应的导航链接。当用户...

    js分页示例,前台分页,客户端分页,分页机制,js分页

    例如,下面是一个简单的JavaScript分页代码片段: ```javascript let data = [/* your data array */]; let pageSize = 10; let currentPage = 1; function renderPage() { let startIndex = (currentPage - 1) * ...

    经典JavaScript分页代码

    总结,这个经典JavaScript分页代码提供了一个基础的分页解决方案,适用于简单的Web应用。它利用JavaScript的类和方法组织代码,通过操作DOM来实现分页效果。为了适应更复杂的场景,如异步加载数据、动态调整每页记录...

    jquery分页程序,js分页代码

    **jQuery分页程序和JavaScript分页代码详解** 在网页开发中,当数据量过大时,为了提高用户体验,通常会采用分页技术来展示数据。本篇文章将深入探讨JavaScript(JS)和jQuery实现分页的原理与方法。 首先,我们要...

    10种JavaScript分页代码.rar

    这个"10种JavaScript分页代码.rar"压缩包文件包含了一系列实现JavaScript分页功能的源代码示例,旨在帮助开发者理解和应用不同的分页策略。 1. 基本原理: 分页的基本思想是将大量数据分成若干小块(页),每次只...

    简单实用的分页代码

    "简单的分页代码"示例可能包含一个简单的分页逻辑实现,例如使用JavaScript或PHP。学习这样的代码可以帮助初学者了解如何处理数据请求,如何根据页码计算和获取数据,以及如何更新页面显示。 在实际开发中,分页...

    简单分页代码

    本示例“简单分页代码”将带你深入理解分页的基本原理,以及如何实现一个基本的分页功能。 分页的核心目标是将大集合的数据分成多个小部分,让用户逐页浏览,而不是一次性加载所有数据,这可以减少服务器压力,加快...

    内容分页代码 jS+c#|jAVA

    以下是一个简单的JavaScript分页示例: ```javascript function loadPage(pageNo) { var xhr = new XMLHttpRequest(); xhr.open('GET', 'data.php?page=' + pageNo, true); xhr.onreadystatechange = function()...

Global site tag (gtag.js) - Google Analytics