html+java将div分页显示
<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title><script>functionsh...
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
function showpage(page){
for(var i=1;i<=3;i++) {
if (page==i){
document.getElementById("page"+page).style.display="block";
} else {
document.getElementById("page"+page).style.display="none";
}
}
}
</script>
</head>
<body>
<div id="page1" style="display:block;">这是第1页的内容</div>
<div id="page2" style="display:none;">这是第2页的内容</div>
<div id="page3" style="display:none;">这是第3页的内容</div>
<a href="javascript:showpage(1);">第1页</a>
<a href="javascript:showpage(2);">第2页</a>
<a href="javascript:showpage(3);">第3页</a>
</body>
</html>
为什么这个代码不能实现div分页显示 展开
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
function showpage(page){
for(var i=1;i<=3;i++) {
if (page==i){
document.getElementById("page"+page).style.display="block";
} else {
document.getElementById("page"+page).style.display="none";
}
}
}
</script>
</head>
<body>
<div id="page1" style="display:block;">这是第1页的内容</div>
<div id="page2" style="display:none;">这是第2页的内容</div>
<div id="page3" style="display:none;">这是第3页的内容</div>
<a href="javascript:showpage(1);">第1页</a>
<a href="javascript:showpage(2);">第2页</a>
<a href="javascript:showpage(3);">第3页</a>
</body>
</html>
为什么这个代码不能实现div分页显示 展开
1个回答
展开全部
你这样每次都是改变同一个元素的style，改成如果page等于i，就把i对应元素显示，如果不等于就把i对应元素隐藏。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
