In order to access this site you need to enable JavaScript!

You are here: Reference > JavaScript > client-side > HTML DOM > properties > _content (window)

_content property (window)

Browser support:

Returns a reference to the topmost ancestor window object in the window hierarchy.

This property is deprecated in Firefox, use the window.content property instead. For a cross-browser solution, use the top property.

Note that because of security restrictions, the contents of a document can be accessed from another document only if the two documents are located in the same domain.

Syntax:

object._content;

You can find the related objects in the Supported by objects section below.

This property is read-only.

Possible values:

Reference to the topmost window object.

Default: this property has no default value.

Example HTML code 1:

This example illustrates the use of the top property. See the contents of the frameChain.htm and the subFrame.htm files, too. You can use the _content property instead of the top property in Firefox.

Code

frameChain.htm

subFrame.htm

<body style="background-color:#FFFFFF;">
    <h1>The main window</h1>
    <iframe src="frameChain.htm" style="width:400px; height:200px;"></iframe>
</body>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body style="background-color:#fddfa8;">
    <h2>Frame containing another frame</h2>
    <iframe src="subFrame.htm" style="width:300px; height:100px;"></iframe>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <script type="text/javascript">
        function ChangeTopMostBG () {
            var ancestor = null;
            if (window.top) {
                ancestor = window.top;
            }
            else {
                var ancestor = window;
                while (ancestor.parent) {
                    ancestor = ancestor.parent;
                }
            }
            ancestor.document.body.style.backgroundColor = "#6F0000";
        }
    </script>
</head>
<body style="background-color:#e2c4f6;">
    <h3>The sub-frame</h3>
    <button onclick="ChangeTopMostBG ()">Change topmost background</button>
</body>
</html>