iframe标签的sandbox属性

简介: iframe标签的sandbox属性

定义

如果被规定为空字符串(sandbox=“”),sandbox 属性将会启用一系列对行内框架中内容的额外限制。

sandbox 属性的值既可以是一个空字符串(应用所有的限制),也可以是空格分隔的预定义值列表(将移除特定的限制)。

用法

  1. sandbox=“”
      应用所有限制
  2. sandbox=“allow-same-origin”
      允许 iframe 内容被视为与包含文档有相同的来源。
  3. sandbox=“allow-top-navigation”
      允许 iframe 内容从包含文档导航(加载)内容。
      可用于禁用外部网站的JS跳转、target=“_parent”、target="_top"等
  4. sandbox=“allow-forms”
      允许表单提交。
  5. sandbox=“allow-scripts”
      允许脚本执行,即允许iframe运行脚本(但不创建弹出窗口)。
      可用于禁用外部网站的JS
  6. sandbox=“allow-popups”
      允许弹出窗口(如window.open,target=“_blank”)。
  7. sandbox=“allow-scripts”
      允许弹出窗口逃离沙箱:允许一个沙箱文件打开新窗口不强制使用沙盒。

实例

例如:此iframe只允许加载script,其他的全部限制。

<iframe width="930" height="630" sandbox="allow-scripts" src="http://www.baidu.com"></iframe>

遇到的问题:

iframe使用sandbox属性后,即使将所有值设为允许,页面中的flash也无法使用

参考:

HTML <iframe> 标签的 sandbox 属性


相关文章
|
存储 JavaScript 前端开发
|
机器学习/深度学习 自然语言处理 TensorFlow
Next Sentence Prediction,NSP
Next Sentence Prediction(NSP) 是一种用于自然语言处理 (NLP) 的预测技术。
802 2
获取下载Qt安装包,Qt源码全国网址备忘录(不用注册Qt账户,即可下载各版本Qt安装包和Qt源码包)
获取下载Qt安装包,Qt源码全国网址备忘录(不用注册Qt账户,即可下载各版本Qt安装包和Qt源码包)
获取下载Qt安装包,Qt源码全国网址备忘录(不用注册Qt账户,即可下载各版本Qt安装包和Qt源码包)
|
JavaScript 前端开发
JS之url进行编码和解码(三种方式)
JS之url进行编码和解码(三种方式)
19856 2
|
自然语言处理 JavaScript 开发者
通义灵码插件:VSCode 的智能编程助手
通义灵码插件:VSCode 的智能编程助手
8340 4
|
JavaScript API
【Element-UI】vue使用 this.$confirm区分取消与关闭,vue给this.$confirm设置多个按钮
【Element-UI】vue使用 this.$confirm区分取消与关闭,vue给this.$confirm设置多个按钮
2331 0
|
JavaScript Java API
基于代理和单例模式的 electron 多窗口管理方案
基于代理和单例模式的 electron 多窗口管理方案
1048 0
iframe的父子页面通信
【10月更文挑战第2天】
329 2
|
JavaScript API
可选链运算符(?.)
可选链运算符(?.)
120 1
|
前端开发 JavaScript
前端实现文件预览(pdf、excel、word、图片)
前端实现文件预览(pdf、excel、word、图片)
861 0