Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM Window frames Properties

  • Last Updated : 26 Jul, 2019

The Window frames property in HTML DOM is used to return the frame element in the form of an array object. This property represents all <iframe> elements in the current window. DOM Windowframe is a read-only property.

Syntax:

window.frames

Return Value: It returns a reference to the Window object, representing all the frames in the current window.

Properties:

  • length property: It returns the number of iframe elements in the current window.
    Syntax:



    window.length

    Example:




    <!DOCTYPE html>
    <html>
          
    <head>
        <title>
            HTML | DOM Window frames Property
        </title>
    </head>
      
    <body>
          
        </iframe><br>
          
        <p>
            Click on the button to display
            the number of iframes
        </p>
          
        <button onclick="myGeeks()">
            Click Here!
        </button>
          
        <p id = "GFG"></p>
          
        <!-- script to count iframes -->
        <script>
            function myGeeks() {
                var x = window.length;
                document.getElementById("GFG").innerHTML = x;
            }
        </script>
    </body>
      
    </html>                    

    Output:
    Before click on the button:

    After click on the button:

  • location property: It changes the location of iframe.
    Syntax:
    window.frames[index_no].location

    Example 2:




    <!DOCTYPE html>
    <html>
          
    <head>
        <title>
            HTML DOM Window frames Property
        </title>
    </head>
      
    <body>
          
        </iframe><br>
          
        <p>
            Click on the button to display
            the number of iframes
        </p>
          
        <button onclick = "myGeeks()">
            Click Here!
        </button>
          
        <p id = "GFG"></p>
          
        <!-- script to count iframes -->
        <script>
            function myGeeks() {
                window.frames[0].location = 
                "https://ide.geeksforgeeks.org/index.php";
            }
        </script>
    </body>
      
    </html>                    

    Output:
    Before click on the button:

    After click on the button:

Supported Browsers: The browser supported by DOM Window Frames Property are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :