多语言展示
当前在线:1555今日阅读:60今日分享:41

HTML页面怎么显示分页

HTML页面如何显示分页,主要是通过javascript修改div的css的display属性的值来隐藏和显示相应的div,达到分页的目的。
工具/原料

文本编辑器

方法/步骤
1

html网页,如果全部是静态数据,也就是数据不是从数据库获取的,所有的数据都是在网页上已经存在的,但是数据比较多,需要分页的话,该如何显示呢?

2

一般html网页,可以采用div的css属性控制显示和隐藏来实现分页的目的。display:block; 这个css属性可以让div显示出来;display:none; 这个css属性可以让div隐藏起来;例如:

这是第1页的内容

3

然后增加3个按钮,分别是第1页,第2页,第3页,每个按钮有点击事情。例如:第1页第2页第3页

4

然后通过javascript点击事情来修改div的css属性display的值,就可以达到切换页面的目的了。例如:

推荐信息