How to use window.top and window.self property In Javascript
The top and self are both window objects, along with a parent, so check if the current window is the top/main window.
Example: In this example, we are using windows.top and windows.self property.
// Function to check whether webpage is in iFrame
function iniFrame() {
if (window.self !== window.top) {
// !== operator checks whether the operands
// are of not equal value or not equal type
document.write("The page is in an iFrame");
}
else {
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