本文目录谁能告诉我iframe组合页面的用法HTML 标签定义和用法</a></li></ul><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor0" name="soogor0">谁能告诉我<iframe的用法</a></h2><p> 纵观时下网站，本来网速就有些慢，可是几乎每页都要放什么Banner，栏目图片，版权等一大堆雷同的东西，当然，出于网站风格统一、 广告效应的需要，本无可厚非，可毕竟让用户的钱包为这些’点缀’的东西”日益消得钱憔悴”了，有没有办法，让这些雷同的东西一次 下载后就不用再下载，而只下载那些内容有变化区域的网页内容呢？ 答案很肯定：应用Iframe标记！ 一、Iframe标记的使用 提起Iframe，可能你早已将之扔到’被遗忘的角落”了，不过，说起其兄弟Frame就不会陌生了。Frame标记即帧标记，我们所说的多帧 结构就是在一个浏览器窗口中显示多个HTML文件。现在，我们遇到一种很现实的情况：如有一个教程，是一节一节地上，每页末尾做一个 ’上一节’、’下一节’的链接，除了每节教程内容不同之外，页面其它部分内容都是相同的，如果一页一页地做笨页面，这似乎太让人厌 烦了，这时突发奇想，如果有一种方法让页面其它地方不变，只将教程做成一页一页的内容页，不含其它内容，在点击上下翻页链接时，只改 变教程内容部分，其它保持不变，这样，一是省时，另则以后如教程有个三长两短的变动，也很方便，不致于牵一发而动全军了;更重要的是 将那些广告Banner、栏目列表、导航等几乎每页的都有的东西只下载一次后就不再下载了。 Iframe标记，又叫浮动帧标记，你可以用它将一个HTML文档嵌入在一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用 的HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体， 另外，还可以多次在一个页面内显示同一内容，而不必重复写内容，一个形象的比喻即’画中画’电视。 现在我们谈一下Iframe标记的使用。 Iframe标记的使用格式是: 《Iframe src="URL" width="x" height="x" scrolling="" frameborder="x"》《/iframe》 src：文件的路径，既可是HTML文件，也可以是文本、ASP等； width、height："画中画"区域的宽与高； scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动 条；如为Yes，则显示; FrameBorder：区域边框的宽度，为了让’画中画’与邻近的内容相融合，常设置为0。 比如: 《Iframe src=" 《html》 《body onload="imgEditer.document.designMode=’On’;imgEditer.document.write(’《img src=图片.gif》’)"》 《IFrame id="imgEditer"》《/IFrame》 《/body》 《/html》</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor1" name="soogor1">iframe组合页面的用法</a></h2><p>iframe并不是很常用的，在标准的网页中非常少用。但是有朋友经常问到，下面我简单地介绍一下它的用法，你只要熟练掌握这些参数足矣。 《iframe》也应该是框架的一种形式，它与《frame》不同的是，iframe可以嵌在网页中的任意部分。我们举第一个例子，具体代码如： 《iframe width=420 height=330 frameborder=0 scrolling=auto src=URL》《/iframe》，这里的URL可以是相对路径，也可以是绝对路径，效果如： width表示宽度，height表示宽度，可根据实际情况调整。 scrolling表示是否显示页面滚动条，可选的参数为auto、yes、no，如果省略这个参数，则默认为auto。 二、如何实现页面上的超链接指向这个嵌入的网页？ 只要给这个iframe命名就可以了。方法是《iframe name=**》，例如我命名为aa，写入这句HTML语言《iframe width=420 height=330 name=aa frameborder=0 src=同样用iframe即可轻松实现：先把要强调显示的内容另存为一个文件，如first.htm，然后通过一个预载页index.htm，内容如下：〈meta http-equiv="refresh" content="3,url=index2.htm"〉〈body〉页面加载中，请稍候……〈iframe src="first.htm" style="display:none"〉〈/iframe〉〈/body〉主文件index2.htm〈body〉〈iframe src="first.htm"加入其他属性限制〉〈/iframe〉〈/body〉</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor2" name="soogor2">HTML <iframe> 标签定义和用法</a></h2><p>定义和用法：iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。提示：您可以把需要的文本放置在 《iframe》 和 《/iframe》 之间，这样就可以应对无法理解 iframe 的浏览器。属性①align属性值：left、right、top、middle、bottom；属性的作用：规定如何根据周围的元素来对齐此框架。属性的说明：不赞成使用该属性。请使用样式代替。属性②frameborder属性值：1、0属性作用：规定是否显示框架周围的边框。属性③height属性值：pixels、%属性作用：规定 iframe 的高度。属性④longdesc属性值：URL属性作用：规定一个页面，该页面包含了有关 iframe 的较长描述。属性⑥marginheight属性值：pixels属性作用：定义 iframe 的顶部和底部的边距。属性⑦marginwidth属性值：pixels属性作用：定义 iframe 的左侧和右侧的边距。属性⑧name属性值：frame_name属性作用：规定 iframe 的名称。属性⑨scrolling属性值：yes、no、auto属性作用：规定是否在 iframe 中显示滚动条。属性（10）src属性值：URL属性作用：规定在 iframe 中显示的文档的 URL。属性（11）width属性值：pixels、%属性作用：定义 iframe 的宽度。</p></article> <div id="rel"> <h3 class="zit kico-zi">少长咸集</h3> <ul> <li class="log"> <a href="https://sghij.cn/post/19249.html" title="查看c语言scanf输入格式正确的（c语言题，这个怎么做）》详情"> <img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="c语言scanf输入格式正确的（c语言题，这个怎么做）" class="cover"> <span class="pane"> <em class="zit kico-prev">上一篇</em> <b>c语言scanf输入格式正确的（c语言题，这个怎么做）</b> <span><small class="kico-time"><dfn>发表于</dfn>2023-07-22</small> <small class="kico-eye"><dfn>浏览</dfn>57</small> <small class="kico-ping"><dfn>评论</dfn>0</small></span> </span> </a> </li> <li class="log"> <a href="https://sghij.cn/post/19270.html" title="查看《系统开源是什么意思（的操作系统开源到底是什么意思）》详情"> <img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="系统开源是什么意思（的操作系统开源到底是什么意思）" class="cover"> <span class="pane"> <em class="zit kico-next">下一篇</em> <b>系统开源是什么意思（的操作系统开源到底是什么意思）</b> <span><small class="kico-time"><dfn>发表于</dfn>2023-07-22</small> <small class="kico-eye"><dfn>浏览</dfn>54</small> <small class="kico-ping"><dfn>评论</dfn>0</small></span> </span> </a> </li> </ul> </div> </main> <aside id="side"> <div class="pane hidem" id="divCatalog"> <h4 class="zit">网站分类</h4> <ul><li class="stock"><a href="https://sghij.cn/category-1.html">编程 <mark>29820</mark></a></li> <li class="stock"><a href="https://sghij.cn/category-2.html">软件 <mark>30737</mark></a></li> </ul> </div><div class="pane hidem" id="divPrevious"> <h4 class="zit">最近发表</h4> <ul><li class="illus"><a href="https://sghij.cn/post/54562.html" title="operation形容词（operating可数吗）"><img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="operation形容词（operating可数吗）" class="cover"><small>2023-11-06</small>operation形容词（operating可数吗）</a></li> <li class="illus"><a href="https://sghij.cn/post/33790.html" title="求《肢体を洗う》动漫3集全部要有中文字幕的？你觉的男明星里面谁戴眼镜给人绅士的气质"><img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="求《肢体を洗う》动漫3集全部要有中文字幕的？你觉的男明星里面谁戴眼镜给人绅士的气质" class="cover"><small>2024-09-24</small>求《肢体を洗う》动漫3集全部要有中文字幕的？你觉的男明星里面谁戴眼镜给人绅士的气质</a></li> <li class="illus"><a href="https://sghij.cn/post/33802.html" title="免费安装手机快手（手机怎么安装快手）"><img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="免费安装手机快手（手机怎么安装快手）" class="cover"><small>2024-09-24</small>免费安装手机快手（手机怎么安装快手）</a></li> <li class="illus"><a href="https://sghij.cn/post/54546.html" title="如何使用打印机（打印机如何使用）"><img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="如何使用打印机（打印机如何使用）" class="cover"><small>2024-09-24</small>如何使用打印机（打印机如何使用）</a></li> <li class="illus"><a href="https://sghij.cn/post/54534.html" title="nasa火箭发射失败（阿耳忒弥斯1号”登月火箭再次取消，取消原因是啥该试射为何一再延期）"><img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="nasa火箭发射失败（阿耳忒弥斯1号”登月火箭再次取消，取消原因是啥该试射为何一再延期）" class="cover"><small>2024-09-24</small>nasa火箭发射失败（阿耳忒弥斯1号”登月火箭再次取消，取消原因是啥该试射为何一再延期）</a></li> <li class="illus"><a href="https://sghij.cn/post/54577.html" title="sql server数据库同步（数据库怎么实现数据同步）"><img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="sql server数据库同步（数据库怎么实现数据同步）" class="cover"><small>2024-09-24</small>sql server数据库同步（数据库怎么实现数据同步）</a></li> <li class="illus"><a href="https://sghij.cn/post/33805.html" title="电脑数据恢复软件（数据恢复软件哪个最好恢复能力强的有哪些）"><img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="电脑数据恢复软件（数据恢复软件哪个最好恢复能力强的有哪些）" class="cover"><small>2024-09-24</small>电脑数据恢复软件（数据恢复软件哪个最好恢复能力强的有哪些）</a></li> <li class="illus"><a href="https://sghij.cn/post/33804.html" title="数位板和无线数字鼠标笔哪个好？鼠标笔的介绍"><img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="数位板和无线数字鼠标笔哪个好？鼠标笔的介绍" class="cover"><small>2024-09-24</small>数位板和无线数字鼠标笔哪个好？鼠标笔的介绍</a></li> <li class="illus"><a href="https://sghij.cn/post/33708.html" title="求万能福利吧邀请码？员工过生日，你们公司有什么福利吗"><img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="求万能福利吧邀请码？员工过生日，你们公司有什么福利吗" class="cover"><small>2024-09-24</small>求万能福利吧邀请码？员工过生日，你们公司有什么福利吗</a></li> <li class="illus"><a href="https://sghij.cn/post/33767.html" title="如何建立单位自己的人才库？求解，企业应该怎么建立人才库呢有知道的吗"><img src="https://sghij.cn/zb_users/theme/Zit/style/bg.jpg" alt="如何建立单位自己的人才库？求解，企业应该怎么建立人才库呢有知道的吗" class="cover"><small>2024-09-24</small>如何建立单位自己的人才库？求解，企业应该怎么建立人才库呢有知道的吗</a></li> </ul> </div><div class="pane hidem" id="divComments"> <h4 class="zit">最新留言</h4> <ul></ul> </div></aside> </div> </section> <footer id="base"> <div class="inner"> <h4>© 2024 <a href="https://sghij.cn/" class="zit">星码园</a> <p>本站网站为个人非盈利性网站，内容和图片均来源于网络，如内容或图片侵犯了您的权益，请持相关证明与站长联系，我们将及时删除不适内容。</p> <p><a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">鲁ICP备2022000852号</a><span style="margin-left:2rem">站长E-mail:gk077921@qq.com</span><span style="margin-left:2rem">站长QQ:343489416</span></p></h4> <h5>Powered By <a href="//www.zblogcn.com" title="Z-BlogPHP 1.7.2" target="_blank">Z-Blog</a> Theme By <a href="//jgpy.cn" target="_blank" title="前端开发·自由设计">吉光片羽</a></h5> </div> </footer> </body> </html><!--40.85 ms , 9 queries , 2786kb memory , 0 error-->
