网页中的“下一页”实现的方法。
如下参考：
1.首先，打开HTML编辑器并创建一个新的HTML文件，如index.html。
2.在index.html中的<script>标签，输入js代码：
varnow=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页面，上一页和下一页的a标记将用js打印。
纯静态html没辙，除非一个页面一个页面的添加链接，这是静态网页的缺点，如果不会服务器语言的话，可以尝试用JavaScript：用JavaScript判断当前页面的页数（可以从地址栏获取），然后将其余页面的连接动态加到当前页面。缺点是你的每一个页面的内容需要先做出来，这是静态页面的弊端，使用服务器端语言可以解决
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<title>简单分页</title>
</head>
<style>
body{max-width: 800pxmargin: 0 autotext-align: center}
ul{ margin: 0pxlist-style: none}
</style>
<?php
$page = 1//第几页
$total = 100//记录数
$pageSize = 20//每页多少条
$totalPage = ceil($total/$pageSize)//总页数
$count = 0
if(isset($_GET['page'])){
$page = $_GET['page']
}
?>
<body>
<ul>
<?php
while($count <20){
echo '<li>第'.$page.'页</li>'
$count++
}
?>
</ul>
<br>
<span>总共<?php echo $total?>条记录 <?php echo $page.'/'.$totalPage?></span>
<a href="pagesort.php?page=1">首页 </a>
<?php
if($page>1){//不在第一页
echo '<a href="pagesort.php?page='.($page-1).'">上一页 </a>'
}
if($page <$totalPage){//不在最后一页
echo '<a href="pagesort.php?page='.($page+1).'">下一页 </a>'
}
?>
<a href="pagesort.php?page=<?php echo $totalPage?>">尾页</a>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）