怎么写一个好的iframe，iframe各个属性介绍-酷唯三

怎么写一个好的iframe，iframe各个属性介绍

的有关信息介绍如下：

怎么写一个好的iframe，iframe各个属性介绍

iframe作为一个网站之间交互的桥梁，受到很多站长的喜爱，但是又有不安全的因素存在，所以正确填写属性是必须掌握的。

先了解iframe有那些属性

</p><p>属性分析：</p><p>1，name id 不用介绍了吧，就是通过关键词来应用操作iframe</p><p>2，height width 就是定义iframe的宽度高度，有数字或者百分比</p><p>3，frameborder是否显示边框1或0</p><p>4，marginheightmarginwidth 定义iframe顶部到底部的边距左边到右边的边距</p><p>5，scrolling iframe是否可以滚动</p><p>6，src="http://www.33xyx.com" 这个大家都知道，替换成自己的网站即可</p><p>7，security="restricted" 我理解就是iframe的东西不能控制父页面的东西，有人会使用top.location.href=""来控制跳转，所以自己衡量是否需要加上</p><p>8，sandbox="allow-forms allow-scripts allow-same-origin"把iframe当做一个沙盒模式来使用，允许那些权限，我是允许他提交表单和脚本执行和同源操作。最后的2个属性比较重要，着中了解下最好。</p> </div> <div class="entry-footer clear"> <div class="entry-tags"><span class="tag-links">标签:iframe,属性,各个</span></div> </div> </article> <div class="related-content"><span class="section-title">相关文章</span> <ul class="clear"> <li class="hentry ht_grid_1_3"> <a class="thumbnail-link" href="/article/120634.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2024/0827/b9e76e76.jpg" alt="火炬之光2怎么洗属性点"></div> </a> <div class="entry-title"><a href="/article/120634.html">火炬之光2怎么洗属性点</a></div> <div class="entry-meta"> <span class="entry-date">2024-09-22 12:17</span> <span class="entry-views">阅读(599)</span> </div> </li> <li class="hentry ht_grid_1_3"> <a class="thumbnail-link" href="/article/120513.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2024/0827/45c015c1.jpg" alt="dnf999心意点怎么买满婚房属性"></div> </a> <div class="entry-title"><a href="/article/120513.html">dnf999心意点怎么买满婚房属性</a></div> <div class="entry-meta"> <span class="entry-date">2024-09-22 08:15</span> <span class="entry-views">阅读(585)</span> </div> </li> <li class="hentry ht_grid_1_3"> <a class="thumbnail-link" href="/article/119653.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2024/0827/b28f38d7.jpg" alt="天天酷跑蒙面战神怎么获得蒙面战神技能属性"></div> </a> <div class="entry-title"><a href="/article/119653.html">天天酷跑蒙面战神怎么获得蒙面战神技能属性</a></div> <div class="entry-meta"> <span class="entry-date">2024-09-21 03:34</span> <span class="entry-views">阅读(607)</span> </div> </li> </ul> </div> <div class="popular-content entry-related"> <div class="popular-loop"> <div class="hentry"> <div class="entry-title"> <span class="post-num num-1">1</span> <a href="/answer/119575.html">怎么查看电脑显卡属性</a> </div> <div class="entry-meta"><span class="entry-views"><i class="fa fa-eye"></i> 547 阅读</span></div> </div> <div class="hentry"> <div class="entry-title"> <span class="post-num num-2">2</span> <a href="/life/119360.html">天天酷跑闪电骑士属性技能怎么样/图解</a> </div> <div class="entry-meta"><span class="entry-views"><i class="fa fa-eye"></i> 536 阅读</span></div> </div> <div class="hentry"> <div class="entry-title"> <span class="post-num num-3">3</span> <a href="/article/118764.html">Android之gravity和layout_gravity属性的区别</a> </div> <div class="entry-meta"><span class="entry-views"><i class="fa fa-eye"></i> 526 阅读</span></div> </div> <div class="hentry"> <div class="entry-title"> <span class="post-num num-4">4</span> <a href="/article/116663.html">怎样把磁盘的FAT32属性改为NTFS</a> </div> <div class="entry-meta"><span class="entry-views"><i class="fa fa-eye"></i> 599 阅读</span></div> </div> <div class="hentry"> <div class="entry-title"> <span class="post-num num-5">5</span> <a href="/life/116144.html">怎么设置文件属性</a> </div> <div class="entry-meta"><span class="entry-views"><i class="fa fa-eye"></i> 528 阅读</span></div> </div> </div> </div> </main> </div> </div> <aside id="secondary" class="sidebar"> <div class="widget widget_posts_thumbnail"> <div class="widget-title"><span>大家喜欢的文章</span></div> <ul> <li class="clear"> <a href="/life/105862.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2024/0823/737adecb.jpg" alt="电影天堂最新电影下载，电影天堂电影迅雷下载"></div> </a> <div class="entry-wrap"><a href="/life/105862.html">电影天堂最新电影下载，电影天堂电影迅雷下载</a> <div class="entry-meta">2024-09-01 23:49</div> </div> </li> <li class="clear"> <a href="/life/130833.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2024/0827/15e88811.jpg" alt="华为FreeBuds Studio怎么连接电脑"></div> </a> <div class="entry-wrap"><a href="/life/130833.html">华为FreeBuds Studio怎么连接电脑</a> <div class="entry-meta">2024-10-06 16:14</div> </div> </li> <li class="clear"> <a href="/life/103070.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2024/0823/95d28c02.jpg" alt="怎么报名最强大脑"></div> </a> <div class="entry-wrap"><a href="/life/103070.html">怎么报名最强大脑</a> <div class="entry-meta">2024-08-29 02:45</div> </div> </li> <li class="clear"> <a href="/life/148304.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2024/1023/d28011e1.jpg" alt="【怀旧服任务】活跃的探子-天灾军团档案在哪里"></div> </a> <div class="entry-wrap"><a href="/life/148304.html">【怀旧服任务】活跃的探子-天灾军团档案在哪里</a> <div class="entry-meta">2024-10-28 20:38</div> </div> </li> <li class="clear"> <a href="/life/103961.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2024/0823/9bfc75d2.jpg" alt="谷歌地图怎么看街景图"></div> </a> <div class="entry-wrap"><a href="/life/103961.html">谷歌地图怎么看街景图</a> <div class="entry-meta">2024-08-30 08:27</div> </div> </li> <li class="clear"> <a href="/life/114806.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2024/0826/e02193c6.jpg" alt="礼物的拼音怎么写"></div> </a> <div class="entry-wrap"><a href="/life/114806.html">礼物的拼音怎么写</a> <div class="entry-meta">2024-09-14 10:00</div> </div> </li> <li class="clear"> <a href="/life/114759.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2024/0826/045759ee.jpg" alt="申通快递查询单号查询入口"></div> </a> <div class="entry-wrap"><a href="/life/114759.html">申通快递查询单号查询入口</a> <div class="entry-meta">2024-09-14 08:26</div> </div> </li> <li class="clear"> <a href="/life/156072.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2024/1023/77acd61b.jpg" alt="大众宝来 1.4T刷ECU升级方案"></div> </a> <div class="entry-wrap"><a href="/life/156072.html">大众宝来 1.4T刷ECU升级方案</a> <div class="entry-meta">2024-11-03 06:06</div> </div> </li> </ul> </div> <div class="widget widget_posts_thumbnail"> <div class="widget-title"><span>近期发布的文章</span></div> <ul> <li class="clear"> <a href="/life/120695.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2024/0827/ea606517.jpg" alt="怎么用快播下载电影_快播下载电影的方法"></div> </a> <div class="entry-wrap"><a href="/life/120695.html">怎么用快播下载电影_快播下载电影的方法</a> <div class="entry-meta">2024-09-22 14:19</div> </div> </li> <li class="clear"> <a href="/life/120696.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2024/0827/385599e4.jpg" alt="奥迪a6L怎么关闭车载远程监控"></div> </a> <div class="entry-wrap"><a href="/life/120696.html">奥迪a6L怎么关闭车载远程监控</a> <div class="entry-meta">2024-09-22 14:21</div> </div> </li> <li class="clear"> <a href="/life/120691.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2024/0827/6c0d0d58.jpg" alt="vivox9s和oppor11哪个性价比更高呢"></div> </a> <div class="entry-wrap"><a href="/life/120691.html">vivox9s和oppor11哪个性价比更高呢</a> <div class="entry-meta">2024-09-22 14:10</div> </div> </li> <li class="clear"> <a href="/life/120690.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2024/0827/758028bd.jpg" alt="LOL电玩时代英雄成就挑战赛活动攻略"></div> </a> <div class="entry-wrap"><a href="/life/120690.html">LOL电玩时代英雄成就挑战赛活动攻略</a> <div class="entry-meta">2024-09-22 14:09</div> </div> </li> <li class="clear"> <a href="/life/120688.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2024/0827/ecbc1edb.jpg" alt="地下城诞生之芽有什么用"></div> </a> <div class="entry-wrap"><a href="/life/120688.html">地下城诞生之芽有什么用</a> <div class="entry-meta">2024-09-22 14:05</div> </div> </li> <li class="clear"> <a href="/life/120686.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2024/0827/09c67919.jpg" alt="幕享投屏软件如何启用连接时全屏显示"></div> </a> <div class="entry-wrap"><a href="/life/120686.html">幕享投屏软件如何启用连接时全屏显示</a> <div class="entry-meta">2024-09-22 14:01</div> </div> </li> <li class="clear"> <a href="/life/120685.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2024/0827/1ddf919a.jpg" alt="奇迹暖暖月华初升攻略"></div> </a> <div class="entry-wrap"><a href="/life/120685.html">奇迹暖暖月华初升攻略</a> <div class="entry-meta">2024-09-22 13:58</div> </div> </li> <li class="clear"> <a href="/life/120684.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2024/0827/add5458c.jpg" alt="淘宝怎么寄快递上门取件"></div> </a> <div class="entry-wrap"><a href="/life/120684.html">淘宝怎么寄快递上门取件</a> <div class="entry-meta">2024-09-22 13:56</div> </div> </li> </ul> </div> </aside> </div> <footer id="colophon" class="site-footer"> <div id="site-bottom" class="clear"> <div class="container"> <div class="site-info"><a href="/sitemap.xml">网站地图</a> - <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">闽ICP备2024064168号-2</a> - 联系邮箱：1465333496@qq.com </div> </div> </div> </footer> </div> <div id="back-top" style="display: none;"> <a href="#top" title="返回顶部"><span class="genericon genericon-collapse"></span></a> </div> <script>(function ($) { $(document).ready(function () { "use strict"; $('#primary-menu').slicknav({ prependTo: '#slick-mobile-menu', allowParentLinks: true, label: '导航' }); }); })(jQuery);</script> <script defer="" src="/themes/simpleboot3/static/js/autoptimize.js"></script> </body> </html>