HTML中的框架允许我们在一个浏览器窗口中显示多个不同的HTML文档页面。《前端开发从零学起》FramesinHTML框架允许一个HTML文档显示在另一个HTML文档中，并且这个HTML文档可以加载多个HTML文档。通用框架多用于网站后台，在一个页面中显示多个功能块，点击面板菜单时，不影响菜单页面的显示。最后，如果你在自学中遇到困难，想找一个前端学习环境，可以加入我们的前端学习圈，点我加入，会节省很多时间，减少很多学习中遇到的困难.有两种主要类型的框架，即iframe和frameset。两者的主要区别是：iframe也变成了内嵌框架，嵌入到一个html页面中，连接到另一个页面。一般使用iframe框架。Frameset在页面中设置一个或多个框架，不能嵌套在body标签中。应用较少。iframe的使用方法是：通过设置src的值来指定iframe加载的页面。iframe可用的属性有：《前端开发从零学起》HTML中的frameset用法如下：frameset用开始标签和结束标签定义了frame的显示区域。通过设置区域内farme标签的src来定义每个子框架显示的页面。需要注意的是，frameset标签只能用于frame页面布局，不能用在body标签中。frameset可以使用的属性有：《前端开发从零学起》HTML中的Frame下面的例子是通过frame加载百度首页。单击框架中的页面时，不是刷新整个页面，而是刷新框架中的内容。（由于前端开发中body标签不能插入frameset，本文只演示ifarmeframe）《前端开发从零学起》HTML中的框架使用框架注意事项使用框架时，需要维护多个HTML目标文档。如果框架中的HTML文档有一个可见的边框，用户可以拖动它来改变框架的大小。但是如果你不想让用户改变frame的大小，你可以在frame标签中添加noresize="noresize"。您需要为不支持框架的浏览器添加<![CDATA[标签。<body></body>标签和<frameset></frameset>标签不能同时使用。如果添加包含一段文字的<noframes>标签，则必须将这段文字嵌套在<body></body>标签中，内容无法被搜索引擎很好的读取和抓取，对搜索引擎不友好。不影响菜单的点击状态。但是，在某些情况下，它也可以用于首页。例如：加载广告、处理某些幻灯片引起的JS冲突（将页面js和内容拆分成两个页面解决冲突）、调用其他站点的某些功能等。</p>
</div>
</div>
<div class="zuowen_sxy">
<div class="prev">上一篇：<a title="JavaScript展开运算符（Spreadoperator）介绍" href="/webqianduan/252345.html">JavaScript展开运算符（Spreadoperator）介绍</a> </div>
<div class="prev">下一篇：<a title="移动端解决方案-tapthrough" href="/webqianduan/252347.html">移动端解决方案-tapthrough</a> </div>
</div>
<div class="related_about">
<div class="related_about_t"><code>《前端开发从零学起》HTML中的框架相关文章</code></div>
<ul>
<li><a href="/kejifunen/367592.html" target="_blank" title="真人秀《《蜜蜂少女队》》VR版即将来袭，吴奇隆、谢霆锋就在眼">真人秀《《蜜蜂少女队》》VR版即将来袭，吴奇隆、谢霆锋就在眼</a></li>
<li><a href="/kejifunen/367570.html" target="_blank" title="《汪峰十问智库群》第32期-安全链钱克明！区块链安全正处于“">《汪峰十问智库群》第32期-安全链钱克明！区块链安全正处于“</a></li>
<li><a href="/kejifunen/367504.html" target="_blank" title="色情驱动技术！你知道《暴风镜4》的“成人世界”吗？ ">色情驱动技术！你知道《暴风镜4》的“成人世界”吗？ </a></li>
<li><a href="/kejifunen/367184.html" target="_blank" title="《天天向上》在三星Galaxy A9 Star的高科技支持下">《天天向上》在三星Galaxy A9 Star的高科技支持下</a></li>
<li><a href="/kejifunen/367042.html" target="_blank" title="《Pokemon Go》去年总收入达9.5亿美元">《Pokemon Go》去年总收入达9.5亿美元</a></li>
<li><a href="/kejifunen/366962.html" target="_blank" title="人脸识别机器人毁了我最后玩《找麻烦》的乐趣">人脸识别机器人毁了我最后玩《找麻烦》的乐趣</a></li>
<li><a href="/kejifunen/366949.html" target="_blank" title="《Attack》中的VR如何改变传统体育娱乐消费模式？ ">《Attack》中的VR如何改变传统体育娱乐消费模式？ </a></li>
<li><a href="/kejifunen/366938.html" target="_blank" title="美拍《嘿!好样的》完美收官，收获之旅才刚刚开始">美拍《嘿!好样的》完美收官，收获之旅才刚刚开始</a></li>
<li><a href="/kejifunen/366844.html" target="_blank" title="2018CJ TestBird《白皮书》首发！崩溃和UI异常">2018CJ TestBird《白皮书》首发！崩溃和UI异常</a></li>
<li><a href="/kejifunen/366834.html" target="_blank" title="249元！ 《小米枪战》定制耳机发布！送98元游戏卡">249元！ 《小米枪战》定制耳机发布！送98元游戏卡</a></li>
<li><a href="/kejifunen/366618.html" target="_blank" title="硅谷银行《市场态势报告》！牛市之下，创新经济将何去何从？ ">硅谷银行《市场态势报告》！牛市之下，创新经济将何去何从？ </a></li>
<li><a href="/kejifunen/366610.html" target="_blank" title="《三分钟酷品》王牌对战王牌 iRobot Roomba 96">《三分钟酷品》王牌对战王牌 iRobot Roomba 96</a></li>
<li><a href="/kejifunen/366596.html" target="_blank" title="当天使遇上足球看游族《天使纪元》如何玩转世界杯跨界营销">当天使遇上足球看游族《天使纪元》如何玩转世界杯跨界营销</a></li>
<li><a href="/kejifunen/366210.html" target="_blank" title="盘点追寻《绿野仙踪》所用的高科技！可穿戴设备">盘点追寻《绿野仙踪》所用的高科技！可穿戴设备</a></li>
<li><a href="/kejifunen/366177.html" target="_blank" title="《智能家居产品》互联智能与终端智能的博弈">《智能家居产品》互联智能与终端智能的博弈</a></li>
<li><a href="/kejifunen/365934.html" target="_blank" title="科技让电影无处不在，VVETIME投影手机携手张艺谋代表作《">科技让电影无处不在，VVETIME投影手机携手张艺谋代表作《</a></li>
<li><a href="/kejifunen/365667.html" target="_blank" title="您不必担心毕业后立即结婚， 《我在家》帮你装修一个温馨又高性">您不必担心毕业后立即结婚， 《我在家》帮你装修一个温馨又高性</a></li>
<li><a href="/kejifunen/365514.html" target="_blank" title="Gear VR游戏《太空远征计划》！探索适合移动端的游戏">Gear VR游戏《太空远征计划》！探索适合移动端的游戏</a></li>
<li><a href="/kejifunen/365341.html" target="_blank" title="《自然》 和 《科学》 帮忙，感觉FISA要重燃可穿戴设备的">《自然》 和 《科学》 帮忙，感觉FISA要重燃可穿戴设备的</a></li>
<li><a href="/kejifunen/365339.html" target="_blank" title="了解工信部十个技巧《VR产业白皮书》">了解工信部十个技巧《VR产业白皮书》</a></li>
</ul>
</div>
</div>
<div class="main-right">
<div class="right_fix">
<div class="r_con">
<div class="r_title">最新推荐</div>
<ul>
<li><em>1</em><a href="/kejifunen/371041.html" title="《凉生》该播出标志着TCL与代言人马天宇完美邂逅一周年！ " target="_blank">《凉生》该播出标志着TCL与代言人马天宇完美邂逅一周年！ </a></li>
<li><em>2</em><a href="/kejifunen/371011.html" title="有关技术的早期消息！ 《王者荣耀》吃鸡玩法曝光，康佳新战略瞄" target="_blank">有关技术的早期消息！ 《王者荣耀》吃鸡玩法曝光，康佳新战略瞄</a></li>
<li><em>3</em><a href="/kejifunen/370699.html" title="《2015上半年中国智能穿戴行业数据分析报告》用户行为分析" target="_blank">《2015上半年中国智能穿戴行业数据分析报告》用户行为分析</a></li>
<li><em>4</em><a href="/kejifunen/370691.html" title="非社交、非运动的《跑男》很受欢迎，启发了可穿戴设备的未来" target="_blank">非社交、非运动的《跑男》很受欢迎，启发了可穿戴设备的未来</a></li>
<li><em>5</em><a href="/kejifunen/370602.html" title="《精灵宝可梦 GO》越来越受欢迎， AR游戏火爆的背后也隐藏" target="_blank">《精灵宝可梦 GO》越来越受欢迎， AR游戏火爆的背后也隐藏</a></li>
<li><em>6</em><a href="/kejifunen/370435.html" title="线下体验助推 《侏罗纪世界》 IP内容驱动VR产业迈向新高度" target="_blank">线下体验助推 《侏罗纪世界》 IP内容驱动VR产业迈向新高度</a></li>
<li><em>7</em><a href="/kejifunen/370342.html" title="《纽约时报》推出冬奥AR内容，目前可在IOS设备上体验" target="_blank">《纽约时报》推出冬奥AR内容，目前可在IOS设备上体验</a></li>
<li><em>8</em><a href="/kejifunen/370317.html" title="一起退休！潮流风格《夕阳红》的幸与不幸" target="_blank">一起退休！潮流风格《夕阳红》的幸与不幸</a></li>
<li><em>9</em><a href="/kejifunen/369962.html" title="佩戴Oculus Crescent Bay观看《霍比特人》初" target="_blank">佩戴Oculus Crescent Bay观看《霍比特人》初</a></li>
<li><em>10</em><a href="/kejifunen/369523.html" title="影创全息MR智能眼镜Action One与《头号玩家》意外相" target="_blank">影创全息MR智能眼镜Action One与《头号玩家》意外相</a></li>
</ul>
</div>
<div class="r_con">
<div class="r_title">猜你喜欢</div>
<ul class="you_like">
<li><em>1</em><a href="/kejifunen/369128.html" title="《智能硬件专项行动》发布：可穿戴、VR等五大领域迎来好消息" target="_blank">《智能硬件专项行动》发布：可穿戴、VR等五大领域迎来好消息</a></li>
<li><em>2</em><a href="/kejifunen/369072.html" title="经纬恒润科技前瞻技术负责人张大鹏进行了长达90分钟的深度演讲" target="_blank">经纬恒润科技前瞻技术负责人张大鹏进行了长达90分钟的深度演讲</a></li>
<li><em>3</em><a href="/kejifunen/368898.html" title="蓝牙SIG发布2018《蓝牙市场最新资讯》！智能家居市场正以" target="_blank">蓝牙SIG发布2018《蓝牙市场最新资讯》！智能家居市场正以</a></li>
<li><em>4</em><a href="/kejifunen/368895.html" title="《我就是演员》涂松岩的“守护家园”令人感动，贝壳找家帮你找到" target="_blank">《我就是演员》涂松岩的“守护家园”令人感动，贝壳找家帮你找到</a></li>
<li><em>5</em><a href="/kejifunen/368837.html" title="在世界杯和热播电视剧的带动下《镇魂》，优酷活跃用户增速稳居行" target="_blank">在世界杯和热播电视剧的带动下《镇魂》，优酷活跃用户增速稳居行</a></li>
<li><em>6</em><a href="/kejifunen/368808.html" title="《使命召唤15》如果你想进入“吃鸡”阵营，就应该选择北通斯巴" target="_blank">《使命召唤15》如果你想进入“吃鸡”阵营，就应该选择北通斯巴</a></li>
<li><em>7</em><a href="/kejifunen/368730.html" title="离开，原来你是这样的《Pokémon GO》" target="_blank">离开，原来你是这样的《Pokémon GO》</a></li>
<li><em>8</em><a href="/kejifunen/368708.html" title="《清凉三分钟》小舞，亦师亦友的陪伴机器人，让孩子不再孤独" target="_blank">《清凉三分钟》小舞，亦师亦友的陪伴机器人，让孩子不再孤独</a></li>
<li><em>9</em><a href="/kejifunen/368698.html" title="《虚拟现实产业发展指导意见》筹备工作已提前启动" target="_blank">《虚拟现实产业发展指导意见》筹备工作已提前启动</a></li>
<li><em>10</em><a href="/kejifunen/368604.html" title="Nvidia推出史上最强大GPU！耗时10年打造的《复仇者联" target="_blank">Nvidia推出史上最强大GPU！耗时10年打造的《复仇者联</a></li>
<li><em>11</em><a href="/kejifunen/368441.html" title="真人版《使命召唤11》在韩国上演！试试外骨骼套装" target="_blank">真人版《使命召唤11》在韩国上演！试试外骨骼套装</a></li>
<li><em>12</em><a href="/kejifunen/368390.html" title="新闻业也在玩虚拟现实吗？ 《纽约时报》发布了虚拟现实新闻客户" target="_blank">新闻业也在玩虚拟现实吗？ 《纽约时报》发布了虚拟现实新闻客户</a></li>
<li><em>13</em><a href="/kejifunen/368237.html" title="虚拟现实工具开发者程香跑" target="_blank">虚拟现实工具开发者程香跑</a></li>
<li><em>14</em><a href="/kejifunen/368172.html" title="郑勇，硬仗先锋！独家解密中文版《Kiva仓储机器人》" target="_blank">郑勇，硬仗先锋！独家解密中文版《Kiva仓储机器人》</a></li>
<li><em>15</em><a href="/kejifunen/368158.html" title="《最后一球》比赛观赛指南出炉 -如果你想熬夜看球，就来看看索" target="_blank">《最后一球》比赛观赛指南出炉 -如果你想熬夜看球，就来看看索</a></li>
<li><em>16</em><a href="/kejifunen/368052.html" title="《卫报》华为Watch好评！最好用的安卓手表" target="_blank">《卫报》华为Watch好评！最好用的安卓手表</a></li>
<li><em>17</em><a href="/kejifunen/368011.html" title="《经济学人》：可穿戴设备如何解决身份验证问题" target="_blank">《经济学人》：可穿戴设备如何解决身份验证问题</a></li>
<li><em>18</em><a href="/kejifunen/367897.html" title="开始使用乐视超级头盔吧！您看到什么效果《琅琊榜》？ " target="_blank">开始使用乐视超级头盔吧！您看到什么效果《琅琊榜》？ </a></li>
<li><em>19</em><a href="/kejifunen/367752.html" title="联想推出《绝地挑战》AR扩展包，与星球大战8电影同步" target="_blank">联想推出《绝地挑战》AR扩展包，与星球大战8电影同步</a></li>
<li><em>20</em><a href="/kejifunen/367715.html" title="Oculus虚拟现实电影《亨利》" target="_blank">Oculus虚拟现实电影《亨利》</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="related_article"></div>
<div class="footer">
<p>Copyright © 2012-2022 程序源 版权所有<a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">豫ICP备2022028201号</a></p>
<p>重要申明：本站所有的文章、图片、评论等，均由网友发表或上传并维护或收集自网络，属个人行为，与本站立场无关。
如果侵犯了您的权利，请与我们联系，我们将在24小时内进行处理、任何非本站因素导致的法律后果，本站均不负任何责任。</p>
</div>
<!-- 应用插件标签 start -->
<!-- 应用插件标签 end -->
</body>
</html>
]]>
