Comparing the object’s location with the window object’s parent location
Here, we simply compare the object’s location with the window object’s parent location. If the result is true, then the webpage is in an iFrame. If it is false, then it is not in an iFrame.
Example: In this example, we are using window object’s parent location.
function iniFrame() {
if (window.location !== window.parent.location) {
// The page is in an iFrames
document.write("The page is in an iFrame");
}
else {
// The page is not in an iFrame
document.write("The page is not in an iFrame");
}
}
// Calling iniFrame function
iniFrame();
Output:
The page is in an iFrame
How to check a webpage is loaded inside an iframe or into the browser window using JavaScript?
An iFrame is a rectangular frame or region in the webpage to load or display another separate webpage or document inside it. So basically, an iFrame is used to display a webpage within a webpage. You can see more about iFrames here : HTML iFrames There may be a variety of reasons for checking whether a webpage is loaded in an iFrame, for example, in cases where we need to dynamically adjust the height or width of an element.
These are the following methods:
Table of Content
- Comparing the object’s location with the window object’s parent location
- Using window.top and window.self property
- Using the window.frameElement property
- Using the document.referrer Property