HTML怎么分页,index.html#home为第一个页面,以此类推?

HTML怎么分页,index.html#home为第一个页面,以此类推?,第1张

类似#home这种链接是在一个页面内的跳转,跳转到的位置我们称之为“锚点”。

下面的代码存到index.html即可查看效果

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

</head>

<body>

<div style="position: fixedtop: 0left: 0background-color: #fff">

<a href="#home">首页</a>

<a href="#page2">page2</a>

<a href="#page3">page3</a>

</div>

<div style="height: 800pxborder: 1px solid #dddpadding-top: 35px">

<a id="home"></a>

<br><br>

这里是首页部分

</div>

<div style="height: 800pxborder: 1px solid #dddpadding-top: 35px">

<a id="page2"></a>

<br><br>

这里是page2部分

</div>

<div style="height: 1000pxborder: 1px solid #dddpadding-top: 35px">

<a id="page3"></a>

<br><br>

这里是page3部分

</div>

</body>

</html>

网页链接

看一下这个吧,现在很少有人手动写分页了,一般都是用插件。或者现在主流的前端框架,都有用户量特别大的前端组件库,用起来很方便。其实这个分页手写js并不难,主要是理清逻辑就可以了,能写但是没必要~如果是比较老的前端框架,必须手写js分页逻辑,追问就行,我给你屡屡

最常见的分页的代码是 :ASP PHP JSP

如果你的静态页面要分页 有一个 方法---JS

HTML上的分页JS代码

<form onsubmit="window.location=this.aaa.options[this.aaa.selectedIndex].valuereturn false">

<select name="select" onchange="javascript:window.location.href=this.options[this.selectedIndex].value">

<SCRIPT type=text/javascript>

for(var pN=1pN<184pN++)

document.write("<option value='Page_"+pN+".html'>第"+pN+"页</option>")

</SCRIPT>

</select></td></form>

加一个page=8的参数?

然后在for那里再用条件判断??

<form onsubmit="window.location=this.ep8.options[this.ep8.selectedIndex].valuereturn false">

<select name="select" onchange="javascript:window.location.href=this.options[this.selectedIndex].value">

<script type="text/javascript">

p=8

for(var i=1i<9i++)

if (i==p){

document.write("<option value='Page_"+p+".html' selected>第"+p+"页</option>")

}

else {

document.write("<option value='Page_"+i+".html'>第"+i+"页</option>")

}

</script>

</select></form>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7019186.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存