历史故事
百科知识
理论教育
研究成果
注意事项
解决方案
计算方法
发展趋势
中国古代
社会主义
心理健康
控制系统
经济发展
建筑工程
传统文化
民事诉讼
中国传统
程序设计
解决方法
轨道交通
工程施工
研究结果
建设工程
文史资料
持续发展
计算机网
使用方法
›
首页
›
理论教育
›
HTML5开发-使用框架标记元素
HTML5开发-使用框架标记元素
时间：2023-10-26
理论教育
版权反馈
【摘要】：
众所周知，当使用
元素包含了另一个页面时，这一操作的安全性会让开发者担忧。为了避免这个问题，在HTML 5中新增加了一个元素的属性“sandbox”，通过该属性的设置，可以避免私自访问父页面、执行异样脚本、通过脚本嵌入表单或控制表单。在具体设置时，建议读者根据实际需求选择允许的操作，从而有效避免<iframe>元素嵌入的文档有安全性问题。本实例的功能是，使用<iframe>元素在网页中显示一个文本框架。 </div> <div class="article_content" id="article_content"> <p class="imgMeta"><img src="/attached/postmeta/313390/2050967.jpg" alt="HTML5开发-使用框架标记元素"></p> <p>在HTML 5中，<iframe>元素的功能是在页面中创建包含另一文档的<a href="https://www.xing528.com/lilun/1176312.html" target="_blank" class="keywordlink">框架</a>。出于对页面安全性的考虑，HTML 5不再支持<frame>框架元素，包括<frameset>框架集元素，但仍然支持<iframe>元素，只是该元素的一些原有属性不再被支持，而仅仅支持“src”属性。</p> <p>众所周知，当使用<iframe>元素包含了另一个页面时，这一操作的安全性会让开发者担忧。为了避免这个问题，在HTML 5中新增加了一个元素的属性“sandbox”，通过该属性的设置，可以避免私自访问父页面、执行异样脚本、通过脚本嵌入表单或控制表单。属性“sandbox”有如下4个属性值。</p> <p>■allow-forms：允许脚本嵌入自己的表单或操纵表单。</p> <p>■allow-same-origin：允许将嵌入内容视为同一个数据源。</p> <p>■allow-scripts：允许执行脚本。</p> <p>■allow-top-navigation：允许使用最外层浏览器的<a href="https://www.xing528.com/lilun/1932608.html" target="_blank" class="keywordlink">上下文</a>导航功能。</p> <p>在具体设置时，建议<a href="https://www.xing528.com/lilun/1700578.html" target="_blank" class="keywordlink">读者</a>根据实际需求选择允许的操作，从而有效避免<iframe>元素嵌入的文档有安全性问题。</p> <p>下面通过一个实例讲解在网页中显示一个文本框架的方法。(www.xing528.com)</p> <p><img class="pic" alt="978-7-111-53392-4-Part02-137.jpg" src="https://www.xing528.com/attached/image/20230913/313390/8424ed66-47f4-4670-97bd-feb0585c4df3.jpg"></p> <p>本实例的功能是，使用<iframe>元素在网页中显示一个文本框架。实例文件15.html的具体代码如下。</p> <p><img class="pic" alt="978-7-111-53392-4-Part02-138.jpg" src="https://www.xing528.com/attached/image/20230913/313390/3798d2bf-0dc7-41a8-94e0-8df5ce7dee65.jpg"></p> <p>执行效果如图3-24所示。</p> <p><img class="pic" alt="978-7-111-53392-4-Part02-139.jpg" src="https://www.xing528.com/attached/image/20230913/313390/88b6ff1b-a2f1-4f3b-ac2e-09535be9c815.jpg"></p> <p>图3-24 执行效果</p> </div> <div class="rights"> <p>免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。</p> <p><a href="https://www.xing528.com/lilun/970541.html" style="color: red">我要反馈</a></p> </div> </div> <div class="related"> <h4> 有关<a style="color: #1810ff" href="https://www.xing528.com/paramet/313390.html" target="_blank">HTML5开发从入门到精通</a>的文章 </h4> <ul id="xgul"> </ul> </div> </div> <!--@ mainl--> <div class="mainr"> <div class="widget widget_previous"> <h4>相关推荐</h4> <ul> <li><a href="https://www.xing528.com/lilun/2050965.html" title="HTML5开发：使用<command>标记元" target="_blank">HTML5开发：使用<command>标记元</a></li> <li><a href="https://www.xing528.com/lilun/2050966.html" title="HTML5开发：进度条标记元素的使用" target="_blank">HTML5开发：进度条标记元素的使用</a></li> <li><a href="https://www.xing528.com/lilun/2051008.html" title="HTML5开发：使用jWebSocketTe" target="_blank">HTML5开发：使用jWebSocketTe</a></li> <li><a href="https://www.xing528.com/lilun/2050998.html" title="HTML5开发-使用sessionStora" target="_blank">HTML5开发-使用sessionStora</a></li> <li><a href="https://www.xing528.com/lilun/2050982.html" title="HTML5开发：掌握版本中的<audio>标" target="_blank">HTML5开发：掌握版本中的<audio>标</a></li> <li><a href="https://www.xing528.com/lilun/2050999.html" title="HTML5开发：localStorage的使" target="_blank">HTML5开发：localStorage的使</a></li> <li><a href="https://www.xing528.com/lilun/1144532.html" title="HTML5语法标记详解" target="_blank">HTML5语法标记详解</a></li> <li><a href="https://www.xing528.com/lilun/2051000.html" title="HTML5开发：localStorage属性" target="_blank">HTML5开发：localStorage属性</a></li> <li><a href="https://www.xing528.com/lilun/2051012.html" title="HTML5开发：版本使用WebWorkers" target="_blank">HTML5开发：版本使用WebWorkers</a></li> <li><a href="https://www.xing528.com/lilun/2051014.html" title="HTML5开发：使用Worker处理线程" target="_blank">HTML5开发：使用Worker处理线程</a></li> <li><a href="https://www.xing528.com/lilun/2148194.html" title="ASP程序设计框架结构标记使用" target="_blank">ASP程序设计框架结构标记使用</a></li> <li><a href="https://www.xing528.com/lilun/2050981.html" title="HTML5视频标记属性揭秘" target="_blank">HTML5视频标记属性揭秘</a></li> <li><a href="https://www.xing528.com/lilun/2050968.html" title="HTML5开发中使用<object>标签" target="_blank">HTML5开发中使用<object>标签</a></li> <li><a href="https://www.xing528.com/lilun/2051021.html" title="学会使用jQuery，掌握HTML5开发" target="_blank">学会使用jQuery，掌握HTML5开发</a></li> <li><a href="https://www.xing528.com/lilun/2050992.html" title="HTML5开发技巧：使用组合方式展示图形" target="_blank">HTML5开发技巧：使用组合方式展示图形</a></li> <li><a href="https://www.xing528.com/lilun/1144556.html" title="HTML5媒介元素事件介绍" target="_blank">HTML5媒介元素事件介绍</a></li> <li><a href="https://www.xing528.com/lilun/2050956.html" title="为什么要使用Web标准？HTML5开发全程指" target="_blank">为什么要使用Web标准？HTML5开发全程指</a></li> <li><a href="https://www.xing528.com/lilun/1144558.html" title="HTML5中video和audio元素的使用" target="_blank">HTML5中video和audio元素的使用</a></li> </ul> </div> </div> </div> </div> <script src="https://www.xing528.com/2020/zb_users/theme/qk_xmh/script/bottom.js" type="text/javascript"></script> <div id="jz52top"> <span> <div style="DISPLAY: none" id="goTopBtn"> <a title="返回顶部" class="jz52topa"><b>返回顶部</b></a> </div></span> <script type="text/javascript">goTopEx();</script> </div> <div class='copystart'> </div> <div class="warning_in" style="cursor: pointer"> <ul><li> <a onclick="openAi()" target="_blank"><img alt="chatAI在线使用" src="https://www.xing528.com/2020/icon/chat.png"></a> </li></ul> </div> <script src="https://www.xing528.com/2020/zb_users/theme/qk_xmh/script/scriptfile.js" type="text/javascript"></script> </body> </html>
