`
maybe723
  • 浏览: 45995 次
  • 来自: ...
最近访客 更多访客>>
社区版块
存档分类
最新评论

静态html分页

阅读更多
	<table>
		<tr>
			<td>
				<a href='#indexpage#'>首页</a> 
				<a href='#' onclick='javascript:go(curPage-1);return false;'>上一页</a> 
				<a href='#' onclick='javascript:go(curPage+1);return false;'>下一页</a> 
				<a href='#' onclick='javascript:go(maxPage);return false;'>末页</a> 
				<span id="pagingIndex"></span> 转到
				<input name="pagenav" id="pagenav" type="text" size="2"
									onkeypress="javaScript:if(event.keyCode==13){go(this.value);}" />
								页
								<a href="#"
									onclick="javascript:go(document.getElementById('pagenav').value);return false;">Go</a>
								<script language="JavaScript">
	var indexUrl = '#indexpage#';
	var docUrl = document.location.href;
	var maxPage = #maxpage#;
	var curPage = #currentpage#;
	
	
	
	var end = docUrl.lastIndexOf("/");
	var u=docUrl.substring(0,end);
	
	if(isNaN(curPage)){
		curPage = 1;
	}
	var index = "<span><b>"+curPage+"/"+(maxPage)

+"</b></span>";

	document.getElementById("pagingIndex").innerHTML=index;
	function go(page){
	
		try{
		var baseUrl = u+'/list_#formId#_#typeId#_';
		
		var url = '';
			if (page >0){
			 if(page >= maxPage){
				  url = baseUrl+(maxPage)+'.html';
				  document.location.href=url;
				  return true;			
                }else{
			    url = baseUrl+page+'.html';			
				document.location.href=url;
				return true;
				}
				}
			else
			{
			  return false;
			}
			}catch(e){
				alert("Sorry:"+e);
			}
		return false;
	}
</script>
							</td>
						</tr>
					</table>

 

分享到:
评论

相关推荐

    静态分页

    在静态分页场景下,开发者可以利用FreeMarker编写模板,结合后端数据生成静态HTML分页页面。 实现静态分页的关键步骤包括: 1. 数据获取:从数据库或其他数据源中获取需要分页的数据。 2. 分页计算:根据每页显示...

    静态分页代码分页分页分页

    静态分页是指在HTML页面中预先编写好分页逻辑,不依赖服务器端动态生成,而是通过JavaScript或者纯HTML、CSS实现的一种分页方法。这种技术尤其适用于数据不频繁更新,且对性能要求不高的场景。 **HTML静态代码分页*...

    静态静态静态静态静态页面分页效果

    综上所述,本文档详细介绍了一种利用HTML、CSS和JavaScript实现静态页面分页效果的方法。通过这种方式,不仅可以有效地提升用户体验,还可以减少服务器负载,是Web前端开发中一项非常实用的技术。

    生成静态页面并有分页效果

    3. **预渲染分页**:在生成静态页面时就计算好每一页的内容,生成对应的HTML文件。这种方式结合SSG,能提供快速的加载速度,同时减少了服务器负载。 在本项目中,"FangMessages"可能是一个示例应用或库,用于演示...

    httpclient,freemarker的静态化分页

    6. **分页处理**:对于多页内容,重复以上步骤,生成每个分页对应的静态HTML。 7. **配置URL**:设置URL重写规则,使用户访问动态URL时实际上加载的是对应的静态页面。 项目中已经提供了封装好的工具类,简化了这...

    html前台分页,静态分页,使用及其简单,支持多个列表

    html前台分页,静态分页,使用及其简单,支持多个列表

    文章列表生成HTML静态分页页面

    6. **路由配置**:为了使用户能直接访问静态HTML页面,需要在`Global.asax.cs`中的`RouteConfig.cs`文件中配置URL路由规则,将分页请求映射到对应的静态HTML文件。 7. **测试与优化**:最后,测试分页功能是否正常...

    生成静态页面分页的示例程序代码

    在.NET开发中,生成静态页面分页是一种常见的需求,它能提高网站的加载速度和SEO友好性。本示例程序代码将重点讲解如何在.NET环境中实现这个功能。首先,我们需要理解分页的基本概念:当数据量较大时,一次性加载...

    html静态伪分页效果

    当我们谈论"html静态伪分页效果"时,这意味着我们正在处理一个使用HTML和JavaScript(jq,即jQuery库)创建的非动态分页解决方案。这种技术通常用于那些不涉及服务器端交互的简单页面,例如个人博客或者小型展示型...

    js 静态页 html页面 分页

    实现html静态页面分页,ul li的分页功能,实现首页,尾页,共几页,共几条,123的详细分页 的功能

    jQuery静态分页插件.zip

    - 静态分页通常是在服务器端预先计算好每一页的数据,并将这些页面的数据存储在不同的HTML片段或者JSON格式中。当用户点击分页按钮时,插件会加载相应的页面内容,而不是重新向服务器请求全部数据。 3. **插件实现...

    八套静态页数字分页示例

    在静态数字分页方面,这里提到的示例可能包含了HTML、CSS和JavaScript的代码片段,展示如何在不依赖服务器端处理的情况下实现分页功能。静态页意味着这些分页是预先定义好的,不随用户操作而改变,但仍然可以通过...

    简单的静态分页

    `静态分页使用说明.docx` 文件应该提供了详细的操作指南,包括如何引入CSS和JS文件,如何配置分页参数,以及如何在HTML中插入分页组件。这些文档对于开发者来说非常重要,因为他们需要遵循这些步骤来正确集成和...

    C#生成静态分页页面

    在Web开发过程中,为了提升用户体验和减轻服务器负担,将动态页面转化为静态页面(即HTML静态分页)是一种常见做法。这种方式不仅能够加快页面加载速度,还能够更好地支持搜索引擎优化(SEO)。本文将详细介绍如何...

    asp静态生成 分页类

    ASP静态生成分页类主要是为了处理大量数据的展示,将动态数据转换为静态HTML页面,这样用户在访问时无需每次请求都执行数据库查询。 1. **静态页面的优点** - **提高速度**:静态HTML页面直接由浏览器解析,无须...

    PHP_生成HTML静态列表分页实例

    在PHP编程中,生成HTML静态列表分页是常见的需求,特别是在构建动态网站时,为了提高用户体验和减轻服务器压力。这个实例将带你了解如何利用PHP来实现这一功能。 首先,我们需要理解分页的基本概念。分页是为了将...

    php分页类包括动态和静态

    1. 创建静态分页文件:通过遍历所有分页,为每一页生成对应的HTML文件,文件名可以包含页码信息,如`page_1.html`, `page_2.html`等。 2. 链接构建:在页面上显示分页链接,用户点击后直接跳转到对应的静态页面。 ...

    ASP.NET生成静态+分页实例

    实现模版生成静态页面分页ASP.NET生成静态页面和分页主要的原理就是替换模板里的特殊字符. 一. 静态模板页面 template.html,主要是定义了一些特殊字符,用来被替换。 见页面 二. 后台页面 一个表单,用来填写新闻...

    伪静态分页解决路径问题

    因此,引入伪静态技术,可以将这些动态URL转换为类似`/category/page/1/`、`/category/page/2/`这样的形式,看起来像是静态的HTML文件,实际上仍然是由服务器动态生成的。 解决伪静态分页路径问题的关键步骤包括: ...

    jsp生成静态页并分页

    当动态内容如新闻、博客等被频繁访问时,可以将其转换为静态HTML页面,供用户直接浏览,而无需每次都通过执行JSP脚本来生成页面。 - **动态转静态**:这个过程通常通过程序实现,当JSP页面被请求时,服务器端会生成...

Global site tag (gtag.js) - Google Analytics