看人家写的真的是摸不着头脑。自己写、还是清楚
局部数据的刷新：可以使用ajax。这里只是简单的演示
只作：例子使用、简单演示页面跳转
a标签中target属性和iframe中的name对应。相当于将该链接加载到当前的iframe界面
我这里使用maven项目演示
index.html
该页面默认嵌套了indexshow.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div>
<!-- 假设是导航栏部分--><a href="book.html" target="tbody">book</a><br><a href="newIndex.html" target="tbody">newIndex</a>
</div><!-- 内容主体区域 --> <!-- 540px -->
<iframe name="tbody" src="indexshow.html" style="width:100%;height:100%;border:none;"></iframe>
</body>
</html>
book.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div style="background-color: red ;height: 600px;width: 600px">我是book页面
</div>
</body>
</html>
indexshow.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<div style="background-color: darkgoldenrod;width: 800px;height: 600px">这里是indexshow页面
</div>
</body>
</html>
newIndex.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<div style="width: 800px;height: 900px;background-color: gray">我是newIndex页面。默认的页面
</div>
</body>
</html>
