要点: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> <ul> <li><a href="http://www.likecs.com/tab1.html" target="ifra">页面1</a></li> <li><a href="http://www.likecs.com/tab2.html" target="ifra">页面2</a></li> </ul> <div> <iframe src="http://www.likecs.com/tab1.html"></iframe> </div> </div> </body> </html>