需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<script>标签,输入js代码:
var a = parseInt(location.href.split('?')[1].split('=')[1]);
$('body').append('<a href="index?page=' + (a - 1) + '">上一页</a>');
$('body').append('<a href="index?page=' + (a + 1) + '">下一页</a>');
3、浏览器运行index.html?page=5页面,此时js会生成出上一页和下一页及其链接。
需要准备的材料分别是:电脑、html编辑器、chrome浏览器。
1、首先,打开html编辑器,新建一个html文件,例如:index.html。
2、在index.html中的<script>标签,输入js代码:
var now=parseInt(location.href.split('?')[1].split('=')[1]);
$('body').append('<a href="index?page='+ (now-1)+'">上一页</a>');
$('body').append('<a href="index?page='+ (now+1)+'">下一页</a>');
3、chrome浏览器运行index.html页面,此时会用js打印出上一页和下一页的a标签。
这些内容又从哪里来呢?
这个个问题先整明白!
比如:
从数据库读出数据,然后用js不算新页面的情况下显示分页,那这个就好办了!
例外做一个页面用于显示分页内容和导航,在当前页调用哪个页面,分页导航调用js的一个函数并提供参数,而例外一个页面根据发送来的参数返回数据库记录!
例:
<script>
function page(num){
$("div").load("./page.asp?page="+num+"&sie="+Math.random());
}
</script>
<div>
这里显示调用内容
</div>
<a href="javascript:page(1);">首页</a
<a href="javascript:page(1);">第一页</a>
...........
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!--#include file="Connections/qiuz.asp" -->
<%
var Recordset1__MMColParam = "1";
if (String(Request.Form("word_rc")) != "undefined" &&
String(Request.Form("word_rc")) != "") {
Recordset1__MMColParam = String(Request.Form("word_rc"));
}
%>
<%
var Recordset1 = Server.CreateObject("ADODB.Recordset");
Recordset1.ActiveConnection = MM_qiuz_STRING;
Recordset1.Source = "SELECT * FROM qiuzhi WHERE 项目类型 = '"+ Recordset1__MMColParam.replace(/'/g, "''") + "' ORDER BY 发布时间 DESC";
Recordset1.CursorType = 0;
Recordset1.CursorLocation = 2;
Recordset1.LockType = 1;
Recordset1.Open();
var Recordset1_numRows = 0;
%>
<%
var Repeat1__numRows = 5;
var Repeat1__index = 0;
Recordset1_numRows += Repeat1__numRows;
%>
------------------------------------------------------------
<td width="23%" align="center"><% if (MM_offset != 0) { %>
<a href="<%=MM_moveFirst%>">第一页</a>
<% } // end MM_offset != 0 %>
</td>
<td width="31%" align="center"><% if (MM_offset != 0) { %>
<a href="<%=MM_movePrev%>">前一页</a>
<% } // end MM_offset != 0 %>
</td>
<td width="23%" align="center"><% if (!MM_atTotal) { %>
<a href="<%=MM_moveNext%>">下一页</a>
<% } // end !MM_atTotal %>
</td>
<td width="23%" align="center"><% if (!MM_atTotal) { %>
<a href="<%=MM_moveLast%>">最后一页</a>
<% } // end !MM_atTotal %>