刚子博客
刚子的互联网世界
网站首页
心情日记
网站相关
网络转载
技术资料
程序源码
软件天地
给我留言
关于作者
上一篇
|
下一篇
技术资料
在HTML中实现分页的代码
作者:刚子 日期:2009-01-14
字体大小:
小
中
大
问了很多人都说html做不到，后来花了100分在问问里面请教，有两个高手都给解决了，记录下来。
代码一：
HTML代码
<script type="text/javascript"> var cUrl=location.href; function writePage(url){ var parttern=/\/(\d+)\.html$/; //定义匹配字符串 var urlArr; if(urlArr=url.match(parttern)) //urlArr[1]为取得的数字 { pNum=parseInt(urlArr[1])+1; pNext=url.replace(parttern,"/"+pNum+".html"); nNum=parseInt(urlArr[1])-1; pPerv=url.replace(parttern,"/"+nNum+".html"); document.write("<a href=\""+pPerv+"\">上一页</a> <a href=\""+pNext+"\">下一页</a>"); } else { document.write("当前没有分页!"); } } writePage(cUrl); </script>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
代码二：
HTML代码
<html> <head><title>6</title> <script language="javascript"> <!-- var strHref = window.location.href; var pageName = strHref.slice(strHref.lastIndexOf("/")+1); var pageNumber=parseInt(pageName.replace(".html","")); function forward(){ var aa=pageNumber-1; window.location.href=aa+".html"; } function back(){ var bb=pageNumber+1; window.location.href=bb+".html"; } //--> </script></head> <body> <h1>这是6.html</h1> <input type="button" value="上一页" onclick="forward()"><br> <input type="button" value="下一页" onclick="back()"> </body> </html>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
文章来自:
本站原创
引用通告:
查看所有引用
|
我要引用此文章
Tags:
相关日志:
评论: 0 |
引用: 0
| 查看次数:
-
发表评论
昵 称:
密 码:
游客发言不需要密码.
内 容:
正在加载编辑器...
验证码:
选 项:
禁止表情转换
禁止自动转换链接
禁止自动转换关键字
虽然发表评论不用注册，但是为了保护您的发言权，建议您
注册帐号
.
Powered By
PJBlog3 v3.0.6.170
CopyRight 2005 - 2008,
刚子博客
xhtml
|
css
冀ICP备08006694号
上一篇
下一篇
HTML代码
文章来自: 
引用通告: 
Tags: