看人家写的真的是摸不着头脑。自己写、还是清楚
局部数据的刷新：可以使用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>
