HTML DOM Frame 和 IFrame 对象

云烟 • 27分钟前 • 编程

欢迎大家来到IT世界,在知识的湖畔探索吧!

Frame 对象

Frame 对象代表一个 HTML 框架。

标签定义了在框架中一个特定的窗口（框架）。

在 HTML 文档中每出现一次，就会创建一个 Frame对象。

欢迎大家来到IT世界,在知识的湖畔探索吧!

IFrame 对象

IFrame 对象代表一个 HTML 的内联框架。

标签定义了包含另外一个文档的内联框架。</p><p>在 HTML 文档中 <iframe> 每出现一次，一个 IFrame 对象就会被创建。</p><p><img src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ img_width=”375″ img_height=”375″ image_type=”1″ mime_type=”image/jpeg” web_uri=”dd600038169572742a0″ class=”syl-page-img syl-img-loading” style=”height:0px;background:url(https://sf1-cdn-tos.toutiaostatic.com/obj/mp/syl-page/toutiaoicon_loading_textpage@3x.RQmcZRIc.png) no-repeat center center;width:375px;padding-bottom:100.00%” data-src=”https://p3-sign.toutiaoimg.com/dd600038169572742a0~tplv-tt-origin-web:gif.jpeg?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1742333709&x-signature=rZUvBYRI6k6CD3zvwedZOcIDifY%3D”></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><img src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ img_width=”700″ img_height=”700″ image_type=”1″ mime_type=”image/jpeg” web_uri=”dd70003822b1da86e09″ class=”syl-page-img syl-img-loading” style=”height:0px;background:url(https://sf1-cdn-tos.toutiaostatic.com/obj/mp/syl-page/toutiaoicon_loading_textpage@3x.RQmcZRIc.png) no-repeat center center;width:700px;padding-bottom:100.00%” data-src=”https://p3-sign.toutiaoimg.com/dd70003822b1da86e09~tplv-tt-origin-web:gif.jpeg?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1742333709&x-signature=6CUhnssopgVBFBfRkIzHddLVtJo%3D”></p><p> 如您还有不明白的可以在下面与我留言或是与我探讨308855039，我们一起飞！</p></div></article></div></div></div></div></div></div><div class=”action”><div tabindex=”0″ role=”button” aria-label=”举报” class=”detail-report”><i></i><span>举报</span></div></div><div style=”margin:20px 0 40px”><div role=”region” aria-label=”评论区” class=”ttp-comment-block”><div id=”comment-area” class=”ttp-comment-wrapper”><div class=”title”>评论 <span>0</span></div><div class=”main-input”><div class=”ttp-avatar auth-none”></div><div class=”ttp-comment-input”><div class=”login-mask”><p>请先<!– –> <button>登录</button> <!– –>后发表评论～</p></div></div></div><ul class=”comment-list”></ul></div></div></div><div><div class=”divide”></div></div><div class=”show-monitor”><div><div role=”region” aria-label=”相关推荐” class=”detail-end-feed”><div style=”margin-top:20px”></div></div></div></div><div class=”seo-hot-link-list”><span>热门：</span><ul><li><a href=”https://www.toutiao.com/w/1823587998792780/” target=”_blank” title=”日本这波“抗寒”操作，真让人看不懂！大雪天，学生还得光腿穿短裤，这是闹哪样？日本正经历强寒流，多地降雪严重。部分学校仍然要求学生穿短裤校服，禁止穿袜子。学生们抗议，希望取消这条“黑校规”。孩子们被迫“裸奔”抗寒，令人担忧。中国家长肯定受不了孩子这样穿。日本家长却很淡定。这让人思考，日本学校为何如此？”>日本这波“抗寒</a></li><li><a href=”https://www.toutiao.com/w/1823587998875715/” target=”_blank” title=”#素描素材分享#”>#素描素材分享</a></li><li><a href=”https://www.toutiao.com/w/1823587998484483/” target=”_blank” title=”反华分子的好日子到头了！马斯克大刀阔斧，砍掉了赞助反华势力的美国国际开发署项目，这一举动犹如一颗重磅炸弹，震撼了那些依赖此类资助的反华人士。而台湾陆委会也紧随其后，暂停了对海外反华人士的资助。这些曾经风光无限的反华分子，如今却陷入了困境。没有固定收入，他们或许将面临流浪街头的尴尬境地。更糟糕的是”>反华分子的好日</a></li><li><a href=”https://www.toutiao.com/w/1823587997508873/” target=”_blank” title=”海南琼海，每天出摊的边上，总会换不同的邻居，有卖菜的，有卖水果的，有卖熟食的，卖衣服的，我们都能很愉快相处，唯独害怕维族人，真的跟咱汉人想法不一样，好野蛮，特别不讲理，遇到他们无计可说，干脆躲远点，咱惹不起咱躲得起吧，你们遇到特别不讲理的人是怎么处理的，求经验[作揖][作揖][作揖]”>海南琼海，每天</a></li><li><a href=”https://www.toutiao.com/w/1823587996284042/” target=”_blank” title=”心想事成，福气满满，幸福到我家！”>心想事成，福气</a></li><li><a href=”https://www.toutiao.com/w/1823587996340298/” target=”_blank” title=”优生．少生．．只生一个好，7 0左右的都知道，对你多生点回家生一群”>优生．少生．．</a></li><li><a href=”https://www.toutiao.com/video/7469416420011409442/” target=”_blank” title=”想戒烟又戒不掉的试试这款烟斗打火机，能少抽几口就少抽几口吧”>想戒烟又戒不掉</a></li><li><a href=”https://www.toutiao.com/w/1823587994002563/” target=”_blank” title=”2025年周复盘06 | 李辛：建设日常生活，建立内在主体从新年假期出来，慢慢步入工作的一周中，你都经历了哪些事？这些事物又给自己带来了怎样的能量影响呢？李辛老师在《精神健康讲记》一书中说：“我们也将成为过去，但在此刻，我们可以思考、回顾、学习，建设日常生活，建立内在主体。” 如果我们能”>2025年周复</a></li><li><a href=”https://www.toutiao.com/w/1823587991083274/” target=”_blank” title=”比淮海战役落后，却没有淮海战役伟大！”>比淮海战役落后</a></li><li><a href=”https://www.toutiao.com/w/1823587990074379/” target=”_blank” title=”宋小宝去看哈德森没有俩个人长很像，祝东北笑星比美国大火还火，”>宋小宝去看哈德</a></li></ul></div></div><div class=”right-sidebar”><div class=”show-monitor”><div role=”complementary” aria-label=”作者信息” class=”media-info”><div class=”user-info”><a aria-label=”作者头像” class=”user-avatar” target=”_blank” rel=”noopener nofollow” href=”/c/user/token/MS4wLjABAAAAJTK49VqmgdR5UOO62Y28gwzO_q4XQg4fpDlNqZlSMcA/?source=tuwen_detail&amp;entrance_gid=6327392056722800898″><img src=”https://sf6-cdn-tos.toutiaostatic.com/img/user-avatar/af3b745ac1a8bd1cf2d04a127ed15a4f~300×300.image” alt=”爱音乐的程序员小新人头像”/></a><a class=”user-name” target=”_blank” rel=”noopener nofollow” href=”/c/user/token/MS4wLjABAAAAJTK49VqmgdR5UOO62Y28gwzO_q4XQg4fpDlNqZlSMcA/?source=tuwen_detail&amp;entrance_gid=6327392056722800898″>爱音乐的程序员小新人</a><p class=”user-auth”>爱好音乐 Java程序开发数据库JavaWeb编程架构J2ME程序</p><button aria-pressed=”false” type=”button” class=”user-subscribe-wrapper”><i class=”bui-icon icon-add_small”></i><span>关注</span></button></div><div class=”related-title”><span>TA的热门作品</span></div><svg aria-labelledby=”author-related-list-loading-aria” role=”img” viewBox=”0 0 308 470″><title id=”author-related-list-loading-aria”>Loading…</title><rect role=”presentation” x=”0″ y=”0″ width=”100%” height=”100%” clip-path=”url(#author-related-list-loading-diff)” style=”fill:url(#author-related-list-loading-animated-diff)”></rect><defs role=”presentation”><clipPath id=”author-related-list-loading-diff”><rect x=”5″ y=”16″ rx=”5″ ry=”5″ width=”96″ height=”72″></rect><rect x=”113″ y=”20″ rx=”2″ ry=”2″ width=”180″ height=”10″></rect><rect x=”114″ y=”40″ rx=”2″ ry=”2″ width=”120″ height=”10″></rect><rect x=”5″ y=”110″ rx=”5″ ry=”5″ width=”96″ height=”72″></rect><rect x=”113″ y=”114″ rx=”2″ ry=”2″ width=”180″ height=”10″></rect><rect x=”114″ y=”134″ rx=”2″ ry=”2″ width=”120″ height=”10″></rect><rect x=”5″ y=”204″ rx=”5″ ry=”5″ width=”96″ height=”72″></rect><rect x=”113″ y=”208″ rx=”2″ ry=”2″ width=”180″ height=”10″></rect><rect x=”113″ y=”228″ rx=”2″ ry=”2″ width=”120″ height=”10″></rect><rect x=”5″ y=”296″ rx=”5″ ry=”5″ width=”96″ height=”72″></rect><rect x=”113″ y=”300″ rx=”2″ ry=”2″ width=”180″ height=”10″></rect><rect x=”113″ y=”320″ rx=”2″ ry=”2″ width=”120″ height=”10″></rect><rect x=”5″ y=”388″ rx=”5″ ry=”5″ width=”96″ height=”72″></rect><rect x=”113″ y=”392″ rx=”2″ ry=”2″ width=”180″ height=”10″></rect><rect x=”113″ y=”412″ rx=”2″ ry=”2″ width=”120″ height=”10″></rect></clipPath><linearGradient id=”author-related-list-loading-animated-diff”><stop offset=”0%” stop-color=”#f5f6f7″ stop-opacity=”1″></stop><stop offset=”50%” stop-color=”#eee” stop-opacity=”1″></stop><stop offset=”100%” stop-color=”#f5f6f7″ stop-opacity=”1″></stop></linearGradient></defs></svg><a class=”look-more” href=”/c/user/token/MS4wLjABAAAAJTK49VqmgdR5UOO62Y28gwzO_q4XQg4fpDlNqZlSMcA/?source=tuwen_detail&amp;entrance_gid=6327392056722800898″ target=”_blank” rel=”noopener nofollow noreferrer”><span>查看更多</span><i class=”icon-arrow”></i></a><div style=”height:12px”></div></div></div><div class=”show-monitor”><div role=”complementary” aria-label=”头条热榜” class=”detail-hotboard”><div style=”display:none;width:318px;height:611px”></div><div style=”position:static;top:88px;z-index:100″ class=””><div class=”ttp-hot-board”><div class=”title-bar”><h2 class=”title”>头条热榜</h2><button type=”button” class=”refresh”>换一换</button></div><ol></ol></div><div class=”download-app-banner”><div class=”download-app-banner-left”><div class=”download-app-banner-title”>扫码下载今日头条APP</div><div class=”download-app-banner-desc”>看最新、最热资讯内容</div></div><div class=”download-app-banner-right” style=”background-image:url(https://lf3-static.bytednsdoc.com/obj/eden-cn/beeh7nuvjvho/qrcode.png)”></div></div></div></div></div><div class=”show-monitor”><div style=”display:none;width:318px;height:518px”></div><div style=”position:static;top:88px;z-index:100″ class=””><div role=”complementary” aria-label=”精彩视频” class=”hot-video”><div class=”pane-header video-header”><h2 class=”header icon-video”>精彩视频</h2><button type=”button” class=”right” aria-label=”换一换精彩视频”><img src=”https://lf-dw.toutiaostatic.com/obj/toutiao-duanwai/toutiao/toutiao_web_pc/svgs/rotate_new.3094a784.svg” style=”transform:rotate(0deg)” alt=””/><span>换一换</span></button></div><div class=”video-list”></div></div></div></div><div><div></div></div></div></div><div class=”ttp-toolbar”><ul class=”tool-container”><li tabindex=”0″ role=”button” aria-label=”去首页” class=”tool-item home”><div class=”bubble ttp-popup-container” style=”transform:scale(0)”>点击回到头条首页<button class=”icon-close” type=”button”></button></div>首页</li><li tabindex=”0″ role=”button” aria-label=”反馈” class=”tool-item feedback”>反馈</li><li tabindex=”0″ role=”button” aria-label=”下载” class=”tool-item download”>下载<div class=”download-panel ttp-popup-container” style=”transform:scale(0.8)”><div class=”title”>扫码下载今日头条</div><i style=”background-image:url(https://lf3-static.bytednsdoc.com/obj/eden-cn/beeh7nuvjvho/qrcode.png)”></i></div></li><li tabindex=”0″ role=”button” aria-label=”回到顶部” class=”tool-item top”>顶部</li></ul></div><div></div></div><script nonce=”zYRMAFmOM5R-6RbuDKmBy” type=”text/javascript” src=”https://lf-dw.toutiaostatic.com/obj/toutiao-duanwai/toutiao/toutiao_web_pc/common/syl_page.b67e737d.js” crossorigin=”anonymous”></script><script nonce=”zYRMAFmOM5R-6RbuDKmBy” type=”text/javascript” src=”https://lf-dw.toutiaostatic.com/obj/toutiao-duanwai/toutiao/toutiao_web_pc/common/htmlparser2.7ef956fe.js” crossorigin=”anonymous”></script><script nonce=”zYRMAFmOM5R-6RbuDKmBy” type=”text/javascript” src=”https://lf-dw.toutiaostatic.com/obj/toutiao-duanwai/toutiao/toutiao_web_pc/common/tt_pc_bricks.0d274a27.js” crossorigin=”anonymous”></script><script nonce=”zYRMAFmOM5R-6RbuDKmBy” type=”text/javascript” src=”https://lf-dw.toutiaostatic.com/obj/toutiao-duanwai/toutiao/toutiao_web_pc/common/collect.9c3f3aed.js” crossorigin=”anonymous”></script><script nonce=”zYRMAFmOM5R-6RbuDKmBy” type=”text/javascript” src=”https://lf-dw.toutiaostatic.com/obj/toutiao-duanwai/toutiao/toutiao_web_pc/common/react.ab24d615.js” crossorigin=”anonymous”></script><script nonce=”zYRMAFmOM5R-6RbuDKmBy” type=”text/javascript” src=”https://lf-dw.toutiaostatic.com/obj/toutiao-duanwai/toutiao/toutiao_web_pc/common/runtime.432dd451.js” crossorigin=”anonymous”></script><script nonce=”zYRMAFmOM5R-6RbuDKmBy” type=”text/javascript” src=”https://lf-dw.toutiaostatic.com/obj/toutiao-duanwai/toutiao/toutiao_web_pc/common/vendor.ebda6d23.js” crossorigin=”anonymous”></script><script nonce=”zYRMAFmOM5R-6RbuDKmBy” type=”text/javascript” src=”https://lf-dw.toutiaostatic.com/obj/toutiao-duanwai/toutiao/toutiao_web_pc/pages/newsDetail/index.093cb1f7.js” crossorigin=”anonymous”></script></body></html>

免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://itzsg.com/113742.html