网友投稿 794 2025-04-01
iframe是什么
iframe就是我们常用的iframe标签：。iframe标签是框架的一种形式，也比较常用到，iframe一般用来包含别的页面，例如我们可以在我们自己的网站页面加载别人网站或者本站其他页面的内容。iframe标签的最大作用就是让页面变得美观。iframe标签的用法有很多，主要区别在于对iframe标签定义的形式不同，例如定义iframe的长宽高。</p><p>iframe框架</p><p>一个页面中的所有框架以集合的形式作为window对象的属性提供，例如：window.frames就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是document的属性。因此，要引用一个子框架，可以使用如下语法：</p><p>window.frames["frameName"]; window.frames.frameName window.frames[index]</p><p>其中，window字样也可以用self代替或省略，假设frameName为页面中第一个框架，则以下的写法是等价的：</p><p>self.frames["frameName"] self.frames[0] frames[0] frameName</p><p>每个框架都对应一个HTML页面，所以这个框架也是一个独立的浏览器窗口，它具有窗口的所有性质，所谓对框架的引用也就是对window对象的引用。有了这个window对象，就可以很方便地对其中的页面进行操作，例如使用window.document对象向页面写入数据、使用window.location属性来改变框架内的页面等。</p><p style="text-align:center"><img src="https://www.huoban.com/news/zb_users/cache/ly_autoimg/m/MTM0MDE.jpg" alt="iframe框架" title="iframe框架" /></p><p>href 表示超文本引用（hypertext reference），在 link和a 等元素上使用。src 表示来源地址，在 img、script、iframe 等元素上。 src 的内容，是页面必不可少的一部分，是引入。href 的内容，是与该页面有关联，是引用。区别就是，引入和引用。 src和href之间存在区别，能混淆使用。src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。</p><p> <strong>版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。</strong> </p><p> <strong>版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。</strong> </p></div> <div class="article_footer clear"> <div class="fr tag">标签：<a href="https://www.huoban.com/news/tags-5548.html">iframe</a> <a href="https://www.huoban.com/news/tags-963.html">框架</a> </div> <div class="bdsharebuttonbox fl share"> <div class="share-widget fl"> <div class="social-share" data-sites="wechat,weibo, qq, qzone"></div> </div> </div> </div> <!-- 广告位ad4 --> <div class="post-navigation clear"> <div class="post-previous fl"> <span>上一篇:</span><a href="https://www.huoban.com/news/post/100636.html">WPS Office2019数字怎么设置为上下标?</a> </div> <div class="post-next fr"> <span>下一篇:</span><a href="https://www.huoban.com/news/post/130258.html">东莞制造业生产<a target="_blank" href="https://www.huoban.com/news/tags-485.html"style="font-weight:bold;">管理</a><a target="_blank" href="https://www.huoban.com/news/tags-56.html"style="font-weight:bold;">系统</a>（工厂生产管理系统）</a> </div> </div> </div> <div class="related_article"> <div class="box_title clear"> <span><i class="icon fa fa-paper-plane"></i>相关文章</span> </div> <div class="related_list clear"> <article class="fl"> <div class="related_img"><a href="https://www.huoban.com/news/post/19187.html"><img src="https://www.huoban.com/news/zb_users/upload/2022/05/20220530224902_79491.png"></a></div> <div class="related_detail"> <h3><a href="https://www.huoban.com/news/post/19187.html" title="CI<a target="_blank" href="https://www.huoban.com/news/tags-963.html"style="font-weight:bold;">框架</a>下 <a target="_blank" href="https://www.huoban.com/news/tags-9292.html"style="font-weight:bold;">新浪微博</a>登录接口完整版（ci框架下载）">CI<a target="_blank" href="https://www.huoban.com/news/tags-963.html"style="font-weight:bold;">框架</a>下 <a target="_blank" href="https://www.huoban.com/news/tags-9292.html"style="font-weight:bold;">新浪微博</a>登录接口完整版（ci框架下载）</a></h3> <div class="meta"> <span><i class="fa fa-eye"></i>794</span> <span><i class="fa fa-clock-o"></i>2025-04-01</span> </div> </div> </article> <article class="fl"> <div class="related_img"><a href="https://www.huoban.com/news/post/4696.html"><img src="https://www.huoban.com/news/zb_users/cache/ly_autoimg/n/NDY5Ng.jpg"></a></div> <div class="related_detail"> <h3><a href="https://www.huoban.com/news/post/4696.html" title="<a target="_blank" href="https://www.huoban.com/news/tags-150.html"style="font-weight:bold;">开发</a><a target="_blank" href="https://www.huoban.com/news/tags-963.html"style="font-weight:bold;">框架</a>Spring Boot 详解"><a target="_blank" href="https://www.huoban.com/news/tags-150.html"style="font-weight:bold;">开发</a><a target="_blank" href="https://www.huoban.com/news/tags-963.html"style="font-weight:bold;">框架</a>Spring Boot 详解</a></h3> <div class="meta"> <span><i class="fa fa-eye"></i>794</span> <span><i class="fa fa-clock-o"></i>2025-04-01</span> </div> </div> </article> <article class="fl"> <div class="related_img"><a href="https://www.huoban.com/news/post/7137.html"><img src="https://www.huoban.com/news/zb_users/upload/2023/08/wenzhangerweima.jpg"></a></div> <div class="related_detail"> <h3><a href="https://www.huoban.com/news/post/7137.html" title="<a target="_blank" href="https://www.huoban.com/news/tags-112.html"style="font-weight:bold;">基于</a>Django+Bootstrap<a target="_blank" href="https://www.huoban.com/news/tags-963.html"style="font-weight:bold;">框架</a>，设计微型小说网站"><a target="_blank" href="https://www.huoban.com/news/tags-112.html"style="font-weight:bold;">基于</a>Django+Bootstrap<a target="_blank" href="https://www.huoban.com/news/tags-963.html"style="font-weight:bold;">框架</a>，设计微型小说网站</a></h3> <div class="meta"> <span><i class="fa fa-eye"></i>794</span> <span><i class="fa fa-clock-o"></i>2025-04-01</span> </div> </div> </article> </div> </div> <!--<p class="comment-disable sb br mb"><i class="iconfont icon-cry"></i>抱歉，评论功能暂时关闭!</p>--> </div> </div> <div class="sidebar"> <div id="推荐文章" class="part clear 推荐文章"> <div class="top"> <h3 class="title">推荐文章</h3> </div> <div class="side 推荐文章"><ul><ul class="hot_posts"> <li><h4><a href="https://www.huoban.com/news/post/132763.html" title="企业生产管理是什么，企业生产管理软件">企业生产管理是什么，企业生产管理软件</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/136160.html" title="盘点进销存软件排行榜前十名">进盘点进销存软件排行榜前十名</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132779.html" title="进销存系统哪个简单好用？进销存系统优点">进销存系统哪个简单好用？进销存系统优点</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/133648.html" title="工厂生产管理（工厂生产管理流程及制度）">工厂生产管理（工厂生产管理流程及制度）</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132780.html" title="生产管理软件，机械制造业生产管理，制造业生产过程管理软件">生产管理软件，机械制造业生产管理，制造业生产过程管理软件</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132776.html" title="进销存软件和ERP有什么区别？进销存与erp软件理解">进销存软件和ERP有什么区别？进销存与erp软件理解</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132974.html" title="进销存如何进行库存管理">进销存如何进行库存管理</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132269.html" title="excel销售订单管理系统（销售订单录入系统）">如何利用excel制作销售订单管理系统？</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/136946.html" title="数据库订单管理系统有哪些功能？数据库订单管理系统怎么设计？">数据库订单管理系统有哪些功能？数据库订单管理系统怎么设计？</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/132312.html" title="数据库订单管理系统（订单系统数据流图）">什么是数据库管理系统？</a></h4></li></ul></ul></div> </div> <div id="divPrevious" class="part clear previous"> <div class="top"> <h3 class="title">最近发表</h3> </div> <div class="side divPrevious"><ul><li><a title="南昌高三复读学校排名前十名" href="https://www.huoban.com/news/post/157837.html">南昌高三复读学校排名前十名</a></li> <li><a title="江科附中2025高复招生：分层锻造，特级名师领航一本线突围" href="https://www.huoban.com/news/post/157836.html">江科附中2025高复招生：分层锻造，特级名师领航一本线突围</a></li> <li><a title="九江高中高考复读学校口碑Top名单一览（2025年更新）" href="https://www.huoban.com/news/post/157835.html">九江高中高考复读学校口碑Top名单一览（2025年更新）</a></li> <li><a title="Excel表格怎么做学生考试名单" href="https://www.huoban.com/news/post/157831.html">Excel表格怎么做学生考试名单</a></li> <li><a title="Excel表格转换为Word文档的方法全解析" href="https://www.huoban.com/news/post/157827.html">Excel表格转换为Word文档的方法全解析</a></li> <li><a title="Excel 中将公式计算结果转换为纯数字的多种方法" href="https://www.huoban.com/news/post/157822.html">Excel 中将公式计算结果转换为纯数字的多种方法</a></li> <li><a title="Excel表格大小调整全攻略" href="https://www.huoban.com/news/post/157820.html">Excel表格大小调整全攻略</a></li> <li><a title="如何在 Excel 表格中设置下拉选择内容" href="https://www.huoban.com/news/post/157818.html">如何在 Excel 表格中设置下拉选择内容</a></li> <li><a title="在 Excel 中固定表头并确保每页打印时都显示表头的方法详解" href="https://www.huoban.com/news/post/157816.html">在 Excel 中固定表头并确保每页打印时都显示表头的方法详解</a></li> <li><a title="江西科技学院附属中学（江科附中）2025年高三复读班招生信息全解析" href="https://www.huoban.com/news/post/157815.html">江西科技学院附属中学（江科附中）2025年高三复读班招生信息全解析</a></li> </ul></div> </div> <div id="sidebar_ad" class="part clear sidebar_ad"> <div class="part sidebar_ad"></div> </div> <div id="hot_posts" class="part clear hot_posts"> <div class="top"> <h3 class="title">热评文章</h3> </div> <ul class="hot_posts"><li><h4><a href="https://www.huoban.com/news/post/104011.html" title="<a target="_blank" href="https://www.huoban.com/news/tags-10179.html"style="font-weight:bold;">零代码</a>开发是什么？2022<a target="_blank" href="https://www.huoban.com/news/tags-1.html"style="font-weight:bold;">低代码</a>平台排行榜">零代码开发是什么？2022低代码平台排行榜</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/131019.html" title="智能<a target="_blank" href="https://www.huoban.com/news/tags-14329.html"style="font-weight:bold;">进销存库存管理</a><a target="_blank" href="https://www.huoban.com/news/tags-56.html"style="font-weight:bold;">系统</a>（智慧进销存）">智能进销存库存管理系统（智慧进销存）</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/73907.html" title="<a target="_blank" href="https://www.huoban.com/news/tags-14095.html"style="font-weight:bold;">在线文档</a>哪家强？8款在线文档编辑软件推荐">在线文档哪家强？8款在线文档编辑软件推荐</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/102663.html" title="WPS2016怎么绘制简单的价格表?">WPS2016怎么绘制简单的价格表?</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/144333.html" title="智能定制家居管理系统：重新定义家庭生活方式">智能定制家居管理系统：重新定义家庭生活方式</a></h4></li><li><h4><a href="https://www.huoban.com/news/post/145308.html" title="<a target="_blank" href="https://www.huoban.com/news/tags-11447.html"style="font-weight:bold;">Excel</a>项目进度表模板，简化您的项目进度<a target="_blank" href="https://www.huoban.com/news/tags-485.html"style="font-weight:bold;">管理</a>">Excel项目进度表模板，简化您的项目进度管理</a></h4></li></ul> </div> <div id="divLinkage" class="part clear link"> <div class="top"> <h3 class="title">友情链接</h3> </div> <div class="side divLinkage"><ul><li class="link-item"><a href="https://www.huoban.com/" target="_blank" title="伙伴云">伙伴云</a></li><li class="link-item"><a href="https://www.huoban.com/news/category-19.html" title="进销存管理">进销存管理</a></li><li class="link-item"><a href="https://www.huoban.com/news/category-3.html" title="低代码">低代码</a></li><li class="link-item"><a href="https://www.huoban.com/news/tags-12.html" target="_blank" title="Excel表格">Excel表格</a></li><li class="link-item"><a href="https://www.finclip.com/news/" title="FinClip">FinClip</a></li></ul></div> </div> </div> </div> </section> </div> <footer class="p-footer"> <div class="contant_box"> <div class="discover_tmt"> <h5 class="" style="font-size: 1px; color: white;">伙伴云</h5> <div class="text_box"> <a href="https://www.yanyin.tech/cms/" title="分子生物学知识" style="font-size: 1px; color: white;">分子生物学知识</a> <a href="https://www.foneplatform.com/jscms/" title="全面预算管理资讯" style="font-size: 1px; color: white;">全面预算管理资讯</a> <a href="https://www.aigcmkt.com/" title="TideFlow-AISEO自动化营销系统" style="font-size: 1px; color: #22292D;">TideFlow-AISEO自动化营销系统</a> <a href="https://www.raise3d.cn/info/" title="3D打印机资讯" style="font-size: 1px; color: #22292D;">3D打印机资讯</a> <a href="https://www.transfertech.cn/news/" title="3D视觉相机资讯" style="font-size: 1px; color: white;">3D视觉相机资讯</a> <a href="https://www.i2cool.com.cn/" title="创冷科技无电制冷" style="font-size: 1px; color: #22292D;">创冷科技无电制冷</a> <a href="https://www.elibot.com/tideflow/" title="协作机器人资讯" style="font-size: 1px; color: #22292D;">协作机器人资讯</a> <a href="https://www.raise3d.cn/blog/" title="3D打印机博客" style="font-size: 1px; color: #22292D;">3D打印机博客</a> <a href="https://www.seeyon.com/article/" title="协同办公资讯" style="font-size: 1px; color: #22292D;">协同办公资讯</a> <a href="https://www.guandata.com/gy/dszt" title="电商数据分析" style="font-size: 1px; color: #22292D;">电商数据分析</a> <a href="https://www.guandata.com/gy/kshzt" title="数据可视化" style="font-size: 1px; color: #22292D;">数据可视化</a> </div> </div> <div class="collaboration_box"> </div> <div class="we_img_box clear"> <div class="img_box"> <img src="https://www.huoban.com/news/zb_users/theme/zblog5_news/image/ewm.png" alt="" class="hover_tmt"> </div> </div> </div> <p class="info"> <a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow">京ICP备12038259号</a> <span> <a href="#"></a></span> </p> </footer> <div id="backtop" class="backtop"> <div class="bt-box top"> <i class="fa fa-angle-up fa-2x"></i> </div> </div> <script charset="UTF-8" src="https://www.huoban.com/assets/js/sensorsdata.1.22.2.min.js"></script> <script charset="UTF-8"> var sensors = window['sensorsDataAnalytic201505']; sensors.init({ server_url: 'https://saapi.huoban.com/sa?project=production', heatmap:{scroll_notice_map:'not_collect'}, use_client_time:true, send_type:'beacon' }); sensors.quick('autoTrack'); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6444c045836d6bf27124085a4f62c2a8"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> (()=>{const e="https://analyze.jiasou.cc/api/v1/page_view/report/",n="9fe06d4884e0461caaa1de5651164d43";let t=null;const o=new Proxy({},{get:(e,n)=>localStorage.getItem(window.btoa(n)),set:(e,n,t)=>!!t&&(localStorage.setItem(window.btoa(n),t),!0)});new Promise((t=>{if(o.fingerprint)t();else{const a=function(){var e={};if(e.userAgent=navigator.userAgent||"",e.plugins=[],navigator.plugins&&navigator.plugins.length>0)for(var n=0;n<navigator.plugins.length;n++){var t={name:navigator.plugins[n].name||"",filename:navigator.plugins[n].filename||"",description:navigator.plugins[n].description||""};e.plugins.push(t)}e.languages=navigator.languages||[navigator.language||""],e.timezone=(new Date).getTimezoneOffset(),e.screenResolution={width:window.screen.width||0,height:window.screen.height||0,pixelDepth:window.screen.pixelDepth||0,colorDepth:window.screen.colorDepth||0};var o=document.createElement("canvas").getContext("2d"),a=[],i=["monospace","sans-serif","serif"];for(n=0;n<i.length;n++){var r=i[n];o.font="12px "+r,o.measureText("abcdefghijklmnopqrstuvwxyz0123456789").width>0&&a.push(r)}return e.fonts=a,e.cookieEnabled=navigator.cookieEnabled||!1,e.localStorage=void 0!==window.localStorage,e.sessionStorage=void 0!==window.sessionStorage,e.doNotTrack="1"===navigator.doNotTrack||"1"===window.doNotTrack||"1"===navigator.msDoNotTrack||"yes"===navigator.doNotTrack,e}();fetch(`${e}u/`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({key:n,f:window.btoa(JSON.stringify(a))})}).then((e=>{console.debug("browser fingerprint sent"),200===e.status&&e.json().then((e=>{console.debug("browser fingerprint received",e),o.fingerprint=e.fp,t()}))}))}})).then((()=>{e&&o.fingerprint&&fetch(e+`?${new URLSearchParams({token:n}).toString()}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({c:window.btoa(JSON.stringify({u:o.fingerprint,l:window.location.href,r:document.referrer}))})}).then((e=>{200==e.status&&e.json().then((e=>{e.track_id&&(t=e.track_id)}))}))})),window.addEventListener("beforeunload",(async n=>{t&&fetch(e+`?${new URLSearchParams({track_id:t}).toString()}`,{method:"GET",headers:{"Content-Type":"text/plain"},keepalive:!0}),n.returnValue=""}))})(); </script><script language="javascript" src="https://www.huoban.com/news/zb_users/plugin/ZF_ad/js/index.js?id=722"></script> <script language="javascript" src="https://www.huoban.com/news/zb_users/plugin/ZF_ad/js/ZF_ad__cookie.js"></script> </body> </html> <!--47.06 ms , 17 queries , 3693kb memory , 0 error-->
