HTML | Marcos de ventana DOM Propiedades

La propiedad de marcos de ventana en HTML DOM se usa para devolver el elemento de marco en forma de un objeto de array. Esta propiedad representa todos los elementos <iframe> en la ventana actual. DOM Windowframe es una propiedad de solo lectura. 

Sintaxis:

window.frames

Valor devuelto: Devuelve una referencia al objeto Ventana, representando todos los marcos de la ventana actual. 

Propiedades:

  • propiedad length: Devuelve el número de elementos iframe en la ventana actual. 

Sintaxis:

window.length

Ejemplo 1: 

HTML

<!DOCTYPE html>
<html>
     
<head>
    <title>
        HTML | DOM Window frames Property
    </title>
</head>
 
<body>
     
    <iframe src = "https://ide.geeksforgeeks.org/tryit.php">
    </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>                   

Salida: Antes de hacer clic en el botón:

  

Después de hacer clic en el botón:

 

  • propiedad de ubicación: cambia la ubicación del iframe. 

Sintaxis:

window.frames[index_no].location

Ejemplo 2: 

HTML

<!DOCTYPE html>
<html>
     
<head>
    <title>
        HTML DOM Window frames Property
    </title>
</head>
 
<body>
     
    <iframe src = "https://ide.geeksforgeeks.org/tryit.php">
    </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>                   

Salida: Antes de hacer clic en el botón:

  

Después de hacer clic en el botón:

 

Navegadores compatibles: los navegadores compatibles con DOM Window Frames Property se enumeran a continuación:

  • Google Chrome 1 y superior
  • Borde 12 y superior
  • Internet Explorer 4 y superior
  • Firefox 1 y superior
  • Ópera 12.1 y superior
  • Safari 1 y superior

Publicación traducida automáticamente

Artículo escrito por riarawal99 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *