Frame 对象Frame 对象代表一个 HTML 框架。标签定义了在框架中一个特定的窗口（框架）。在 HTML 文档中 每出现一次，就会创建一个 Frame对象。 IFrame 对象IFrame 对象代表一个 HTML 的内联框架。 标签定义了包含另外一个文档的内联框架。</p><p>在 HTML 文档中 <iframe> 每出现一次，一个 IFrame 对象就会被创建。</p><p></p><p> <strong>Frame/IFrame 对象属性</strong></p><p><strong>W3C:</strong> W3C 标准。</p><div class="syl-table-wrap"><table class="border"><tbody><tr class="firstRow"><th>属性</th><th>描述</th><th>W3C</th></tr><tr><td>align</td><td>根据周围的文字排列 iframe。</td><td>Yes</td></tr><tr><td>contentDocument</td><td>容纳框架的内容的文档。返回 frame/iframe 生成的文档对象。</td><td>Yes</td></tr><tr><td>contentWindow</td><td>返回 frame/iframe 生成的 window 对象。</td><td>No</td></tr><tr><td>frameBorder</td><td>设置或返回是否显示框架周围的边框。</td><td>Yes</td></tr><tr><td>height</td><td>设置或返回 iframe 的高度。</td><td>Yes</td></tr><tr><td>longDesc</td><td>设置或返回指向包含框架内容描述文档的 URL。</td><td>Yes</td></tr><tr><td>marginHeight</td><td>设置或返回 iframe 的顶部和底部的页空白。</td><td>Yes</td></tr><tr><td>marginWidth</td><td>设置或返回 frame/iframe 的左侧和右侧的页空白。</td><td>Yes</td></tr><tr><td>name</td><td>设置或返回 frame/iframe 的名称。</td><td>Yes</td></tr><tr><td>noResize</td><td>设置或返回框架是否可调整大小。</td><td>Yes</td></tr><tr><td>scrolling</td><td>设置或返回框架是否可拥有滚动条。</td><td>Yes</td></tr><tr><td>src</td><td>设置或返回应被加载到框架中的文档的 URL。</td><td>Yes</td></tr><tr><td>width</td><td>设置或返回 iframe 的宽度。</td><td>Yes</td></tr></tbody></table></div><p> <strong>Frame/IFrame 对象事件 </strong></p><div class="syl-table-wrap"><table class="border"><tbody><tr class="firstRow"><th>事件</th><th>描述</th><th>W3C</th></tr><tr><td>onload</td><td>当框架载入后立即执行脚本。</td><td>Yes</td></tr></tbody></table></div><p> <strong> 标准属性和事件 </strong></p><p>Frame/IFrame 对象同样支持标准的 属性 和 事件。</p><p></p><p> 如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！</p></div> <div class="info-share-box clearfix"> <div class="fl"> <p class="tags"><strong>Tags：</strong><a href="http://www.nixiaole.com/tags-191.html" title="查看更多有关于“iframe border”的内容" rel="tag" target="_blank">iframe border</a></p> </div> <div class="fr"> <div class="info-share"> <div class="social-share" data-initialized="true"> <a href="#" class="social-share-icon iconfont icon-weibo"></a> <a href="#" class="social-share-icon iconfont icon-qq"></a> <a href="#" class="social-share-icon iconfont icon-wechat"></a> <a href="#" class="social-share-icon iconfont icon-qzone"></a> </div> </div> <script src="http://www.nixiaole.com/zb_users/theme/txcms2/script/social-share.min.js"></script> </div> </div> </div> <div class="sx mb15"> <ul> <li class="fl">上一篇： <a href="http://www.nixiaole.com/post/4691.html" title="五一“血拼”忙，购物中心也成热门“景点”">五一“血拼”忙，购物中心也成热门“景点”</a> </li> <li class="fr ziyou">下一篇： <a href="http://www.nixiaole.com/post/4693.html" title="蟑螂款面包 你敢吃吗?">蟑螂款面包 你敢吃吗?</a> </li> <div class="clear"></div> </ul> </div> <div class="xg"> <h2 class="ybbt">猜你喜欢</h2> <ul> <li><span class="">2025-03-05</span><i class="fa fa-caret-right"></i> <a href="http://www.nixiaole.com/post/4700.html" title="轻松开发 chrome 扩展展示不同域内容">轻松开发 chrome 扩展展示不同域内容</a></li> <li><span class="">2025-03-05</span><i class="fa fa-caret-right"></i> <a href="http://www.nixiaole.com/post/4699.html" title="iframe父页面与子页面之间postMessage()通信">iframe父页面与子页面之间postMessage()通信</a></li> <li><span class="">2025-03-05</span><i class="fa fa-caret-right"></i> <a href="http://www.nixiaole.com/post/4698.html" title="视中人·浙人匠心①">视中人·浙人匠心①</a></li> <li><span class="">2025-03-05</span><i class="fa fa-caret-right"></i> <a href="http://www.nixiaole.com/post/4697.html" title="这个笔记《内联框架iframe与结构性元素》，让菜鸟轻松学会包粽子">这个笔记《内联框架iframe与结构性元素》，让菜鸟轻松学会包粽子</a></li> <li><span class="">2025-03-05</span><i class="fa fa-caret-right"></i> <a href="http://www.nixiaole.com/post/4696.html" title="还搞不清楚俄乌战争的情况的，看看这个视频吧">还搞不清楚俄乌战争的情况的，看看这个视频吧</a></li> <li><span class="">2025-03-05</span><i class="fa fa-caret-right"></i> <a href="http://www.nixiaole.com/post/4695.html" title="阿里卖家 Flutter for Web 工程实践">阿里卖家 Flutter for Web 工程实践</a></li> <li><span class="">2025-03-05</span><i class="fa fa-caret-right"></i> <a href="http://www.nixiaole.com/post/4694.html" title="Vue开发中使用iframe">Vue开发中使用iframe</a></li> <li><span class="">2025-03-05</span><i class="fa fa-caret-right"></i> <a href="http://www.nixiaole.com/post/4693.html" title="蟑螂款面包 你敢吃吗?">蟑螂款面包 你敢吃吗?</a></li> <li><span class="">2025-03-05</span><i class="fa fa-caret-right"></i> <a href="http://www.nixiaole.com/post/4691.html" title="五一“血拼”忙，购物中心也成热门“景点”">五一“血拼”忙，购物中心也成热门“景点”</a></li> <li><span class="">2025-03-05</span><i class="fa fa-caret-right"></i> <a href="http://www.nixiaole.com/post/4690.html" title="2000年后，那些封神的歌你还记得吗">2000年后，那些封神的歌你还记得吗</a></li> </ul> </div> </div> </div> <div class="right fr sjwu"> <dl class="wupd"> <div class="notice"> <div class="tab-hd"> <ul class="tab-nav"> <li class="on"><a href="javascript:;">最新文章</a></li> <li><a href="javascript:;">热门文章</a></li> <li><a href="javascript:;" class="wux">推荐文章</a></li> </ul> </div> <div class="tab-bd"> <div class="tab-pal" style="display:block"> <ul> <li><span class="fr zuo10">05-05</span><a href="http://www.nixiaole.com/post/5742.html" title="vin码怎么查车型?车辆VIN码的第十位代表什么信息?" target="_blank">vin码怎么查车型?车辆VIN码的第十位代表什么信息?</a></li> <li><span class="fr zuo10">05-05</span><a href="http://www.nixiaole.com/post/5741.html" title="Java数组数据的操作之检查日期格式是否正确" target="_blank">Java数组数据的操作之检查日期格式是否正确</a></li> <li><span class="fr zuo10">05-05</span><a href="http://www.nixiaole.com/post/5740.html" title="苹果序列号怎么看生产日期和产地?" target="_blank">苹果序列号怎么看生产日期和产地?</a></li> <li><span class="fr zuo10">05-05</span><a href="http://www.nixiaole.com/post/5739.html" title="参考文献中的M J N D字母代表什么?" target="_blank">参考文献中的M J N D字母代表什么?</a></li> <li><span class="fr zuo10">05-05</span><a href="http://www.nixiaole.com/post/5738.html" title="闲鱼交易技巧，满满的干货（闲鱼的交易流程怎么样的?我是买家）" target="_blank">闲鱼交易技巧，满满的干货（闲鱼的交易流程怎么样的?我是买家）</a></li> <li><span class="fr zuo10">05-05</span><a href="http://www.nixiaole.com/post/5737.html" title="忘记自已多少岁了?可试试年龄计算器" target="_blank">忘记自已多少岁了?可试试年龄计算器</a></li> <li><span class="fr zuo10">05-05</span><a href="http://www.nixiaole.com/post/5736.html" title="汽车-剖析、解析车架号(VIN)中的第10位-车型年份" target="_blank">汽车-剖析、解析车架号(VIN)中的第10位-车型年份</a></li> <li><span class="fr zuo10">05-05</span><a href="http://www.nixiaole.com/post/5735.html" title="干货|史上最全波特酒年份指南（波特酒 年份）" target="_blank">干货|史上最全波特酒年份指南（波特酒 年份）</a></li> </ul> </div> <div class="tab-pal"> <ul> <li><span class="fr zuo10">168℃</span><a href="http://www.nixiaole.com/post/3109.html" title="卡贴机移动联通卡激活教程" target="_blank">卡贴机移动联通卡激活教程</a></li> <li><span class="fr zuo10">155℃</span><a href="http://www.nixiaole.com/post/3116.html" title="iPhone Xs Max 升级iOS16.1的优缺点，看完再决定是否升级" target="_blank">iPhone Xs Max 升级iOS16.1的优缺点，看完再决定是否升级</a></li> <li><span class="fr zuo10">150℃</span><a href="http://www.nixiaole.com/post/3780.html" title="wps文字:文档中的图片设置居中对齐后为什么还是无法居中?" target="_blank">wps文字:文档中的图片设置居中对齐后为什么还是无法居中?</a></li> <li><span class="fr zuo10">142℃</span><a href="http://www.nixiaole.com/post/2343.html" title="街舞3肖杰个人资料 老婆汪莹珠也太美了儿子竟然这么大" target="_blank">街舞3肖杰个人资料 老婆汪莹珠也太美了儿子竟然这么大</a></li> <li><span class="fr zuo10">130℃</span><a href="http://www.nixiaole.com/post/3099.html" title="视频解析需要这几个网站 视频解析网站是什么" target="_blank">视频解析需要这几个网站 视频解析网站是什么</a></li> <li><span class="fr zuo10">120℃</span><a href="http://www.nixiaole.com/post/1483.html" title="Android常用布局总结之(LinearLayout、GridLayout等4种)" target="_blank">Android常用布局总结之(LinearLayout、GridLayout等4种)</a></li> <li><span class="fr zuo10">109℃</span><a href="http://www.nixiaole.com/post/1245.html" title="纯干货真诚无套路——一份高品质皮衣选购指南" target="_blank">纯干货真诚无套路——一份高品质皮衣选购指南</a></li> <li><span class="fr zuo10">102℃</span><a href="http://www.nixiaole.com/post/3102.html" title="VIVox6手机看电视黑屏了肿么调 vivo手机看视频黑屏怎么回事" target="_blank">VIVox6手机看电视黑屏了肿么调 vivo手机看视频黑屏怎么回事</a></li> </ul> </div> <div class="tab-pal"> <ul> </ul> </div> </div> </div> </dl> <dl class="function" id="divPrevious"> <dt class="function_t">最近发表</dt><dd class="function_c"> <ul><li><a title="vin码怎么查车型?车辆VIN码的第十位代表什么信息?" href="http://www.nixiaole.com/post/5742.html">vin码怎么查车型?车辆VIN码的第十位代表什么信息?</a></li> <li><a title="Java数组数据的操作之检查日期格式是否正确" href="http://www.nixiaole.com/post/5741.html">Java数组数据的操作之检查日期格式是否正确</a></li> <li><a title="苹果序列号怎么看生产日期和产地?" href="http://www.nixiaole.com/post/5740.html">苹果序列号怎么看生产日期和产地?</a></li> <li><a title="参考文献中的M J N D字母代表什么?" href="http://www.nixiaole.com/post/5739.html">参考文献中的M J N D字母代表什么?</a></li> <li><a title="闲鱼交易技巧，满满的干货（闲鱼的交易流程怎么样的?我是买家）" href="http://www.nixiaole.com/post/5738.html">闲鱼交易技巧，满满的干货（闲鱼的交易流程怎么样的?我是买家）</a></li> <li><a title="忘记自已多少岁了?可试试年龄计算器" href="http://www.nixiaole.com/post/5737.html">忘记自已多少岁了?可试试年龄计算器</a></li> <li><a title="汽车-剖析、解析车架号(VIN)中的第10位-车型年份" href="http://www.nixiaole.com/post/5736.html">汽车-剖析、解析车架号(VIN)中的第10位-车型年份</a></li> <li><a title="干货|史上最全波特酒年份指南（波特酒 年份）" href="http://www.nixiaole.com/post/5735.html">干货|史上最全波特酒年份指南（波特酒 年份）</a></li> <li><a title="Python版的迷你程序——年月日时分秒" href="http://www.nixiaole.com/post/5734.html">Python版的迷你程序——年月日时分秒</a></li> <li><a title="怎么通过VIN查询车型?车架号查车型、配置、年款的方法合集" href="http://www.nixiaole.com/post/5733.html">怎么通过VIN查询车型?车架号查车型、配置、年款的方法合集</a></li> </ul> </dd> </dl> <dl class="function" id="divTags"> <dt class="function_t">标签列表</dt><dd class="function_c"> <ul><li><a title="xml" href="http://www.nixiaole.com/tags-1.html">xml<span class="tag-count"> (46)</span></a></li> <li><a title="css animation" href="http://www.nixiaole.com/tags-2.html">css animation<span class="tag-count"> (57)</span></a></li> <li><a title="array_slice" href="http://www.nixiaole.com/tags-7.html">array_slice<span class="tag-count"> (60)</span></a></li> <li><a title="htmlspecialchars" href="http://www.nixiaole.com/tags-10.html">htmlspecialchars<span class="tag-count"> (54)</span></a></li> <li><a title="position: absolute" href="http://www.nixiaole.com/tags-12.html">position: absolute<span class="tag-count"> (54)</span></a></li> <li><a title="datediff函数" href="http://www.nixiaole.com/tags-13.html">datediff函数<span class="tag-count"> (47)</span></a></li> <li><a title="array_pop" href="http://www.nixiaole.com/tags-18.html">array_pop<span class="tag-count"> (49)</span></a></li> <li><a title="jsmap" href="http://www.nixiaole.com/tags-19.html">jsmap<span class="tag-count"> (52)</span></a></li> <li><a title="toggleclass" href="http://www.nixiaole.com/tags-21.html">toggleclass<span class="tag-count"> (43)</span></a></li> <li><a title="console.time" href="http://www.nixiaole.com/tags-23.html">console.time<span class="tag-count"> (63)</span></a></li> <li><a title=".sql" href="http://www.nixiaole.com/tags-27.html">.sql<span class="tag-count"> (41)</span></a></li> <li><a title="ahref" href="http://www.nixiaole.com/tags-28.html">ahref<span class="tag-count"> (40)</span></a></li> <li><a title="js json.parse" href="http://www.nixiaole.com/tags-32.html">js json.parse<span class="tag-count"> (59)</span></a></li> <li><a title="html复选框" href="http://www.nixiaole.com/tags-33.html">html复选框<span class="tag-count"> (60)</span></a></li> <li><a title="css 透明" href="http://www.nixiaole.com/tags-34.html">css 透明<span class="tag-count"> (44)</span></a></li> <li><a title="css 颜色" href="http://www.nixiaole.com/tags-37.html">css 颜色<span class="tag-count"> (47)</span></a></li> <li><a title="php replace" href="http://www.nixiaole.com/tags-38.html">php replace<span class="tag-count"> (41)</span></a></li> <li><a title="css nth-child" href="http://www.nixiaole.com/tags-39.html">css nth-child<span class="tag-count"> (48)</span></a></li> <li><a title="min-height" href="http://www.nixiaole.com/tags-44.html">min-height<span class="tag-count"> (40)</span></a></li> <li><a title="xml schema" href="http://www.nixiaole.com/tags-46.html">xml schema<span class="tag-count"> (44)</span></a></li> <li><a title="css 最后一个元素" href="http://www.nixiaole.com/tags-47.html">css 最后一个元素<span class="tag-count"> (46)</span></a></li> <li><a title="location.origin" href="http://www.nixiaole.com/tags-51.html">location.origin<span class="tag-count"> (44)</span></a></li> <li><a title="table border" href="http://www.nixiaole.com/tags-54.html">table border<span class="tag-count"> (49)</span></a></li> <li><a title="html tr" href="http://www.nixiaole.com/tags-56.html">html tr<span class="tag-count"> (40)</span></a></li> <li><a title="video controls" href="http://www.nixiaole.com/tags-64.html">video controls<span class="tag-count"> (49)</span></a></li> </ul> </dd> </dl> </div> <div class="clear"></div> </div> <div class="footer"> <div class="zh"> </div> </div> <div class="fixed-right"> <a href="javascript:;" class="gotop bgb" title="回到顶部"><i class="fa fa-chevron-up"></i></a> </div> <script src="http://www.nixiaole.com/zb_users/theme/txcms2/script/txcstx.min.js?v=2024-09-18"></script> </body> </html><!--176.77 ms , 13 queries , 3091kb memory , 0 error-->
