很多站长朋友们都不太清楚html怎么在本页面切换内容，今天小编就来给大家整理html怎么在本页面切换内容，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 HTML语言中如何实现网页在同一个页面的切换 2、 html中怎么从一个页面跳转到另一个页面 3、 html怎么在一张网页上出现一个列表，列表内有几项，单机切换内容，并不跳转到另一个网页。 HTML语言中如何实现网页在同一个页面的切换刚弄错了
应该是这样
<frameset name="frameTop" rows="80,*" framespacing="0" border="0" frameborder="0">
<frame name="banner" scrolling="no" noresize target="contents" src="title.jsp">
<frameset cols="180,*">
<frame name="contents" id="contents" target="main" src="menu.jsp" scrolling="auto" noresize>
<frame name="main" src="student/select/curriculumSchedule.jsp" scrolling="auto" noresize target="_self">
</frameset>
定义右边的name为 main 然后再左边指定 target="main"
html中怎么从一个页面跳转到另一个页面JS跳转大概有以下几种方式：
第一种：跳转到b.html
<script language=javascript type=text/javascript>window.location.href=b.html</script>。
第二种：返回上一页面
<script language=javascript>window.history.back(-1)</script>。
第三种：
<script language=javascript>window.navigateb.html</script>。
第四种：
<script language=JavaScript>self.location=b.html</script>。
第五种：
<script language=javascript>top.location=b.html</script>。
超文本标记语言，标准通用标记语言下的一个应用。
超文本就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括头部分、和主体部分，其中头部提供关于网页的信息，主体部分提供网页的具体内容。
html怎么在一张网页上出现一个列表，列表内有几项，单机切换内容，并不跳转到另一个网页。<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>TEST</title>
<script src=""></script>
<style type="text/css">
*{ margin: 0; padding: 0; }
.list {
float: left;
width: 10%;
}
li { list-style: none; }
ul { display: none; }
.active { display: block; }
</style>
</head>
<body>
<div class="list">
<h4>列表1</h4>
<ul class="active">
<li>列表1的内容</li>
<li>列表1的内容</li>
<li>列表1的内容</li>
</ul>
</div>
<div class="list">
<h4>列表2</h4>
<ul>
<li>列表2的内容</li>
<li>列表2的内容</li>
<li>列表2的内容</li>
</ul>
</div>
<script type="text/javascript">
$("h4").click(function(){
$(this).siblings("ul").addClass("active").parent().siblings().children("ul").removeClass("active");
})
</script>
</body>
</html>
用jquery可以比较简单的表示，思路是：把全部列表隐藏掉，然后设置一个active的样式显示列表，点击哪个列表，就给这个列表加上active这个样式，这样这个列表就会显示出来了，同时， 把另外那个列表去掉active这个样式，另一个列表就隐藏掉了。你就算有N个列表，也可以正常运行
关于html怎么在本页面切换内容的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于html怎么在本页面切换内容 切换上个页面的详细内容...