网页中的“下一页”怎么实现

html-css09

网页中的“下一页”怎么实现,第1张

网页中的“下一页”实现的方法。

如下参考:

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判断当前页面的页数(可以从地址栏获取),然后将其余页面的连接动态加到当前页面。缺点是你的每一个页面的内容需要先做出来,这是静态页面的弊端,使用服务器端语言可以解决

<script type="text/javascript" >

window.document.onkeydown = disableRefresh

function disableRefresh(evt){

evt = (evt) ? evt : window.event

if (evt.keyCode) {

if(evt.keyCode == 39){

alert("ok")

}

}

}

</script>

keycode 37 = Left

keycode 39 = Right

其他的自己添加判断就行了。