HTML | Propiedades del abridor de ventanas DOM

La propiedad Window opener en HTML DOM se usa para devolver la referencia de las ventanas recién creadas. Esta propiedad se utiliza para devolver los detalles de la ventana de origen (principal). Una ventana se abre con el método window.open() y se cierra con el método window.opener.close(). 

Sintaxis:

window.opener

Valor devuelto: Devuelve la referencia de la ventana creada. 

Ejemplo 1: 

HTML

<!DOCTYPE html>
<html>
     
<head>
    <title>
        HTML DOM Window opener Property
    </title>
</head>
 
<body>
     
    <h2>
        HTML DOM Window opener Property
    </h2>
     
    <button onclick = "myGeeks()">
        Click Here!
    </button>
 
    <!-- script to open new windows -->
    <script>
        function myGeeks() {
            var win = window.open("", "win",
                        "width = 500, height = 300");
                         
            win.document.write("<p>New Window</p>");
             
            win.opener.document.write("<p>Parent Window</p>");
        }
    </script>
</body>
 
</html>                                   

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

  

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

   

Ejemplo 2: 

HTML

<!DOCTYPE html>
<html>
     
<head>
    <title>
        HTML DOM Window opener Property
    </title>
</head>
 
<body>
     
    <h2>
        HTML DOM Window opener Property
    </h2>
     
    <button onclick = "myGeeks()">
        Click Here!
    </button>
     
    <!-- script to create two window -->
    <script>
        function myGeeks() {
            var win1 = window.open("", "win1",
                    "width = 500, height = 300");
                     
            var win2 = window.open("", "win2",
                    "width = 400, height = 250");
                     
            win1.document.write("<p>New Window 1</p>");
            win2.document.write("<p>New Window 2</p>");
             
            win1.opener.document.write("<p>Parent Window</p>");
            win2.opener.document.write("<p>Parent Window</p>");
        }
    </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 la propiedad de apertura de ventanas DOM se enumeran a continuación:

  • Google Chrome 1 y superior
  • Borde 12 y superior
  • Internet Explorer 9 y superior
  • Firefox 1 y superior
  • Ópera 3 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 *