内联框架的内容限制

---

实例

带有额外限制的 <内联框架>：

<!文章类型 网页>
<网页>
<主体>
<内联框架 资源地址=“https://www.w3school.com.cn/demo/demo_iframe_sandbox.html“ 内容限制=““>
<段落>您的浏览器不支持 内联框架。</段落>
</内联框架>
<段落>“获得日期和时间“ 按钮会在行内框架中运行一段脚本。</段落>
<段落>由于 内容限制 属性被设置为空字符串 (““)，行内框架的内容不允许运行脚本。</段落>
<段落>如果向 内容限制 属性添加 “允许脚本“，则允许运行 对象脚本。</段落>
<段落><粗体>注释：</粗体>微软的ie 9 以及更早的版本不支持 内容限制 属性，欧朋的opera 12 以及更早的版本也不支持该属性。</段落>
</主体>
</网页>

---

 

浏览器支持

 

IE	Firefox	Chrome	Safari	Opera
是	是	是	是	是

 

所有主流浏览器都支持 内容限制 属性。

 

注释：微软IE 9 以及更早的版本不支持 sandbox 属性，欧朋Opera 12 以及更早的版本也不支持该属性。

---

定义和用法

如果被规定为空字符串（内容限制 =""），内容限制  属性将会启用一系列对行内框架中内容的额外限制。

内容限制  属性的值既可以是一个空字符串（应用所有的限制），也可以是空格分隔的预定义值列表（将移除特定的限制）。

注：内容限制 是 超文本5（HTML5 ）中的新属性。

---

语法

<内联框架 内容限制="值">

属性值

值	描述
""	应用以下所有的限制。
允许相同来源	允许 内联框架 内容被视为与包含文档有相同的来源。
允许顶端导航	允许 内联框架 内容从包含文档导航（加载）内容。
允许表单	允许表单提交。
允许脚本	允许脚本执行。

---

 

亲自试一试 - 实例

允许表单提交的 <内联框架> 内容限制

启用一系列额外的限制，但允许表单提交。

<!文章类型 网页>
<网页>
<主体>
<内联框架 资源地址=“https://www.w3school.com.cn/demo/demo_iframe_sandbox_form.html“ 内容限制=““>
<段落>您的浏览器不支持 内联框架。</段落>
</内联框架>
<段落>“提交“ 按钮将提交行内框架内的表单。</段落>
<段落>由于 内容限制 属性被设置为空字符串 (““)，将屏蔽对行内框架中表单的提交。</段落>
<段落>如果向 内容限制 属性添加 “允许表单“，则允许表单提交。</段落>
<段落><粗体>注释：</粗体>>微软浏览器（ie 9） 以及更早的版本不支持 内容限制 属性，欧朋浏览器（opera 12 ）以及更早的版本也不支持该属性。</段落>
</主体>
</网页>

允许脚本并访问服务器内容的 <内联框架> 内容限制

启用一系列额外限制，但允许脚本并访问服务器内容。

<!文章类型 网页>
<网页>
<主体>
<内联框架 资源地址=“https://www.w3school.com.cn/demo/demo_iframe_sandbox_origin.html“ 内容限制=“允许相同来源 允许脚本“>
<段落>您的浏览器不支持 内联框架。</段落>
</内联框架>
<段落>请试着删除 内容限制 属性，或者改变其设置。</段落>
<段落><粗体>注释：</粗体>>微软浏览器（ie 9） 以及更早的版本不支持 内容限制 属性，欧朋浏览器（opera 12 ）以及更早的版本也不支持该属性。</段落>
</主体>
</网页>

---

---