使用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>