<!doctype html>
<html>
<frameset cols="200,*">
<frame src="left.html">
<frame src="right.html" name="viewFram">
</frameset>
</html>
left.html专门写个菜单文件
菜单每一个点击事件加载到viewFram里。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<div>Bootstrap teacher</div>
<div>
<li><a href="chap1.html" title="ww" target="_top">aaaaaaa</a></li>
<li><a href="chap2.html" title="ww" target="_top">bbbbbbb</a></li>
<li><a href="chap3.html" title="ww" target="_top">ccccccccccc</a></li>
<li><a href="chap4.html" title="ww" target="_top">dddddddddddd</a></li>
<h2>Bootstrap</h2>
<li><a href="chap1.html" title="ww" target="viewFram">aaaaaaa</a></li>
<li><a href="chap2.html" title="ww" target="viewFram">bbbbbbb</a></li>
<li><a href="chap3.html" title="ww" target="viewFram">ccccccccccc</a></li>
<li><a href="chap4.html" title="ww" target="viewFram">dddddddddddd</a></li>
<h2>Bootstrap</h2>
<li><a href="chap1.html" title="ww" target="viewFram">aaaaaaa</a></li>
<li><a href="chap2.html" title="ww" target="viewFram">bbbbbbb</a></li>
<li><a href="chap3.html" title="ww" target="viewFram">ccccccccccc</a></li>
<li><a href="chap4.html" title="ww" target="viewFram">dddddddddddd</a></li>
<h2>Bootstrap</h2>
<li><a href="chap1.html" title="ww" target="viewFram">aaaaaaa</a></li>
<li><a href="chap2.html" title="ww" target="viewFram">bbbbbbb</a></li>
<li><a href="chap3.html" title="ww" target="viewFram">ccccccccccc</a></li>
<li><a href="chap4.html" title="ww" target="viewFram">dddddddddddd</a></li>
<h2>Bootstrap</h2>
<li><a href="chap1.html" title="ww" target="viewFram">aaaaaaa</a></li>
<li><a href="chap2.html" title="ww" target="viewFram">bbbbbbb</a></li>
<li><a href="chap3.html" title="ww" target="viewFram">ccccccccccc</a></li>
<li><a href="chap4.html" title="ww" target="viewFram">dddddddddddd</a></li>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body bgcolor="aqua">
<h1>TT</h1>
</body>
</html>