如何在html页面中显示其他页面

如题所述

第1个回答  2016-07-14

两个方法,一个是使用iframe浮动标记,另一个是使用frameset框架标记。

例一(iframe标记):

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>iframe</title>
</head>
<body>
<iframe width="800" height="800" src="
</body>
</html>

效果图:

例二(frameset标记):

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用Frameset</title>
</head>
<frameset cols="20%,30%,50%">
    <frame src="
    <frame src="
    <frame src="
</frameset>
</html>

效果图:

第2个回答  2016-07-07
用iframe
<iframe src="URL"></iframe>本回答被提问者采纳
第3个回答  2016-07-26
在html页面中显示其他页面是通过iframe实现的。
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>本回答被网友采纳

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网