定义和用法
iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。
用一个前端的框架解决。
系统中有各种各样的功能模块。把这些模块弄到一个里面。
<iframe src="http://wxy.hbu.cn"></iframe>//框架标签
框架标签
在一个页面中嵌套另一个页面。
src 属性,知道域名
找一个载体,可以承载好多个模块。
建一个user页面,把原先main里的删掉,就剩一个iframe。
访问router,跳到user,在main页面引进来。请求地址。
罗列出不同模块的按钮。
<div class="box">
<ul class="menu">
<li><a href="router?path=user" target="whole">用户管理</a></li>
<li><a href="router?path=content" target="whole">文章管理</a></li>
<li><a href="router?path=ch" target="whole">栏目管理></a></li>
<li><a href="router?path=user" target="whole">回收站</a>></li>
</ul>
<iframe src=""></iframe>
</div>
main.css的样式到user.css里。给框架(main.css)加样式。
main.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户管理</title>
<link rel="stylesheet" href="resource/css/main.css?v=1.5">
<script src="/wy2022/resource/js/jquery.min.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<div class="box">
<div class="top">
<ul class="menu">
<li><a href="router?path=user" target="whole">用户管理</a></li>
<li><a href="router?path=content" target="whole">文章管理</a></li>
<li><a href="router?path=channel" target="whole">栏目管理</a></li>
<li><a href="router?path=contentback" target="whole">回收站</a></li>
</ul>
<input type="button" value="退出" class="logout">
</div>
<iframe src="router?path=user" name="whole" class="whole"></iframe>
</div>
</body>
</html>
a标签和iframe标签结合,利用target属性,两者一对应 在指定窗口打开对应页面的功能。