Enfoque: el enfoque de este artículo es aprender cómo habilitar un conjunto adicional de restricciones para el contenido en un elemento iframe en HTML5. La tarea se puede realizar utilizando el atributo sandbox del elemento <iframe>. Se utiliza para permitir un conjunto adicional de restricciones para el contenido dentro del iframe.
El valor del atributo sandbox será simplemente sandboxed (entonces se aplican todas las restricciones) o una lista separada por espacios de valores predefinidos que eliminarán las restricciones reales.
A continuación se muestra la lista de valores predefinidos que tiene el atributo sandbox:
- sin valores: 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 del iframe sea tratado como si fuera del mismo origen.
- allow-scripts: vuelve a habilitar los scripts.
- allow-top-navigation: permite que el contenido de iframe navegue por su contexto de navegación de nivel superior.
Sintaxis:
<iframe sandbox="value">
Ejemplo:
HTML
<!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> </iframe> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA