使用iframe
要点:a标签+iframe
A标签的target属性 iframe 的id与name属性
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
.container{
width: 1260px;
margin:100px auto;
background: #ddd;
}
ul{float:left;width: 20%;}
.content-wrapper{
float: left;
width: 80%;
}
</style>
</head>
<body>
<div class="container">
<ul>
<li><a href="tab1.html" target="ifra">页面1</a></li>
<li><a href="tab2.html" target="ifra">页面2</a></li>
</ul>
<div class="content-wrapper">
<iframe id="ifra" name="ifra" width="100%" height="100%" src="tab1.html"></iframe>
</div>
</div>
</body>
</html>