HTML | DOM IFrame sandbox Property
Last Updated :
17 Jun, 2022
The IFrame sandbox Property in HTML DOM is used for returning the value of the sandbox attribute in an iframe element. When the sandbox attribute exists, and it will:
- treat the content as being from a singular origin
- It blocks form submission
- It blocks script execution
- It disables APIs
- It also preventing links from targeting other browsing contexts
- It stop the content to navigate its top-level browsing context
- block automatically triggered features (such as automatically playing a video or automatically focusing a form control)
The value of the sandbox attribute will either be simply sandboxed (then all restrictions are applied) or a space-separated list of pre-defined values which will take away the actual restrictions. Syntax:
iframeObject.sandbox
Return Value: It returns string Value Which representing the value of the sandbox attribute.
Example:
html
<!DOCTYPE html>
< html >
< head >
< title >
HTML DOM iframe sandbox Property
</ title >
</ head >
< body style="text-align:center;">
< h1 >GeeksforGeeks</ h1 >
< h2 >
HTML DOM iframe sandbox Property
</ h2 >
id="GFG"
height="200"
width="400"
sandbox="allow-scripts">
</ iframe >
< br >
< br >
< button onclick="Geeks()">
Submit
</ button >
< p id="sudo"></ p >
< script >
function Geeks() {
var iframeID = document.getElementById("GFG").sandbox;
document.getElementById("sudo").innerHTML = iframeID;
}
</ script >
</ body >
</ html >
|
- Before Clicking on Button:
- After Clicking on Button:
Supported Browsers: The browsers supported by HTML DOM IFrame sandbox Property are listed below:
- Google Chrome 4.0 and above
- Edge 12.0 and above
- Firefox 17.0 and above
- Internet Explorer 10.0 and above
- Opera 15.0 and above
- Safari 5.0 and above
Share your thoughts in the comments
Please Login to comment...