Ejemplo
Un <iframe> con restricciones adicionales:
<iframe src="demo_iframe_sandbox.htm"
sandbox></iframe>
Inténtalo tú mismo " Más "hacerlo por uno mismo" ejemplos a continuación.
Definición y Uso
La sandbox atributo permite un juego extra de restricciones para el contenido en el iframe.
Cuando la sandbox atributo está presente, y lo hará:
- tratar el contenido como procedentes de un único origen
- presentación en forma de bloque
- la ejecución del script bloque
- desactivar la API
- prevenir los enlaces de la focalización otros contextos de navegación
- evitar que el contenido del uso de plugins (a través de <embed>, <object>, <applet> , o de other )
- evitar que el contenido de navegar su contexto de navegación de nivel superior
- bloquear las funciones activadas de forma automática (como la reproducción automáticamente un vídeo o automáticamente centra un control de formulario)
El valor de la sandbox atributo puede ser simplemente caja de arena (a continuación se aplican todas las restricciones), o una lista separada por espacios de valores predefinidos que eliminará las restricciones particulares.
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el atributo.
| Atributo | |||||
|---|---|---|---|---|---|
| sandbox | 4.0 | 10.0 | 17.0 | 5.0 | 15.0 |
Diferencias entre HTML 4.01 y HTML5
La sandbox atributo es nuevo en HTML5.
Sintaxis
<iframe sandbox="value">
Los valores de atributo
| Valor | Descripción |
|---|---|
| ( no value ) | Aplica todas las restricciones |
| allow-forms | Vuelve a habilitar el envío de formularios |
| allow-pointer-lock | Vuelve a habilitar las API |
| allow-popups | Vuelve a habilitar las ventanas emergentes |
| allow-same-origin | Permite que el contenido de iframe para ser tratada como tal desde el mismo origen |
| allow-scripts | Vuelve a habilitar los scripts |
| allow-top-navigation | Permite que el contenido anidado para navegar por su contexto de navegación de nivel superior |
Más ejemplos
Ejemplo
Un <iframe> sandbox envío del formulario que permite:
<iframe src="demo_iframe_sandbox_form.htm" sandbox="allow-forms"></iframe> Inténtalo tú mismo " Ejemplo
Un <iframe> sandbox que permite secuencias de comandos y el acceso al contenido del servidor:
<iframe src="demo_iframe_sandbox_origin.htm" sandbox="allow-same-origin
allow-scripts"></iframe> Inténtalo tú mismo "