方法：本文的方法是学习如何为 HTML5 中的 iframe 元素中的内容启用一组额外的限制。该任务可以通过使用 元素</strong><strong>的 sandbox</strong>属性来完成。它用于允许对 iframe 内的内容进行一组额外的限制。</p> <p>沙箱属性的值将被简单地沙箱化（然后应用所有限制）或以空格分隔的预定义值列表，这将消除实际限制。</p> <p>以下是沙箱属性具有的预定义值列表 –</p> <ul> <li><strong>无值：</strong>应用所有限制。</li> <li> <strong>allow-forms：</strong>重新启用表单提交。</li> <li><strong>允许指针锁定：</strong>重新启用 API。</li> <li><strong>允许弹出窗口：</strong>重新启用弹出窗口。</li> <li> <strong>allow-same-origin：</strong>它允许 iframe 的内容被视为来自同一来源。</li> <li><strong>允许脚本：</strong>重新启用脚本。</li> <li> <strong>allow-top-navigation：</strong>它允许 iframe 的内容导航其顶级浏览上下文。</li> </ul> <p><strong>句法：</strong> </p> <div class="hcb_wrap"> <pre class="prism line-numbers lang-html" data-lang="HTML"><code class="replace"><iframe sandbox="value"></code></pre> </div> <p></p> <div class="_ap_apex_ad" id="d6f45c53-ff16-4cc5-8b91-eb6ee7037116" style="min-height:280px"></div> <p></p> <p><strong>例子：</strong></p> <div> <h5 class="code">HTML</h5> <div class="hcb_wrap"> <pre class="prism line-numbers lang-html" data-lang="HTML"><code class="replace"><!DOCTYPE html> <html> <body> <h1>GeeksforGeeks</h1> <h2> How to enable an extra set of restrictions for the content in an iframe element in HTML5? </h2> <button onclick="myGeeks()"> Click Here! </button> <br><br> <iframe id="GFGFrame" src= "https://ide.geeksforgeeks.org/tryit.php" width="400" height="200" sandbox>