怎样在HTML用代码实现内容换页

怎样在HTML用代码实现内容换页,第1张

最常见的分页的代码是 :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>

1、打开html开发软件,新建一个html页面。

2、在html页面找到body标签,在body标签里新建一个div标签,然后在div标签中新建a标签,并在a标签中输入页数。

3、保存html页面,使用浏览器打开查看分页效果。

4、新建style标签回到html代码页面,找到title标签,在title标签下新建一个。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存