网页上的“上一页,下一页”JS代码怎么写?

就是差不多这样的

需要准备的材料分别有:电脑、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会生成出上一页和下一页及其链接。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2019-07-04

需要准备的材料分别是:电脑、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标签。

本回答被网友采纳
第2个回答  推荐于2017-11-25
写出这上一页下一页是简单,只是你的问题不够清晰,你是打算如果调用这个每页显示的内容呢?
这些内容又从哪里来呢?
这个个问题先整明白!
比如:
从数据库读出数据,然后用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>
...........本回答被网友采纳
第3个回答  2012-01-08
有二个方法,一个就是<div></div>的分出几页,只显示其中的一个<div></div>用JS来控制显示的<div></div>
第4个回答  2012-01-08
用JAVASCRIPT搜索一个数据库,可以看到搜索结果,但是只能看到首页,点"第一页""上一页""下一页""最后页"什么都没有.代码是DREAMWEAVER生成的,相关代码如下:
<%@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 %>

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网