如何在html页面中显示其他页面
发布网友
发布时间：2022-04-24 06:41
共3个回答
热心网友
时间：2022-04-20 05:20
两个方法，一个是使用iframe浮动标记，另一个是使用frameset框架标记。
例一（iframe标记）:
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>iframe</title>
</head>
<body>
<iframe width="800" height="800" src="https://www.baidu.com"></iframe>
</body>
</html>
效果图：
例二（frameset标记）:
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>用Frameset</title>
</head>
<frameset cols="20%,30%,50%">
<frame src="http://www.jikexueyuan.com">
<frame src="https://www.baidu.com">
<frame src="https://www.so.com">
</frameset>
</html>
效果图：
热心网友
时间：2022-04-20 06:38
<iframe src="URL"></iframe>
热心网友
时间：2022-04-20 08:13
1、整理的html代码：
<html>
<head>
</head>
<frameset cols="159px,*">
<frame name="a1" src="link.html" noresize="yes" border="1px" scrolling="auto" bordercolor="blue" >
<frame name="a2" src="firstPage.html">
</frameset>
</html>
上面的代码中包含了link.html和firstPage.html两个页面。
2、输出效果：
<div id="PARENT">
<ul id="nav">
<li><a href="#Menu=ChildMenu1" onclick="DoMenu('ChildMenu1')">我的网站</a>
<ul id="ChildMenu1" class="collapsed">
<li><a href="firstPage.html" target="a2">第一个页面</a></li>
<li><a href="secondPage.html" target="a2">第二个页面</a></li>
</ul>
</li>
<li><a href="#Menu=ChildMenu2" onclick="DoMenu('ChildMenu2')">我的帐务</a>
<ul id="ChildMenu2" class="collapsed">
<a href="#">支付</a></li>
<li><a href="#">管理</a></li>
<li><a href="#">网上支付</a></li>
<li><a href="#">登记汇款</a></li>
<li><a href="#">在线招领</a></li>
<li><a href="#">历史帐务</a></li>
</ul>
</li>
<li><a href="#Menu=ChildMenu3" onclick="DoMenu('ChildMenu3')">网站管理</a>
<ul id="ChildMenu3" class="collapsed">
<li><a href="#">登录</a></li>
<a href="#">角色管理</a></li>
<li><a href="#">用户管理</a></li>
</ul>
</li>
</ul>
</div>
