Creando Ventanas JavaScript (Objeto Window) 3/3

Buenas, continuamos con el objeto window de JavaScript.

En este tutorial, continuando con el anterior Creando Ventanas JavaScript (Objeto Window) 2/3, lo que queremos plasmar en el funcionamiento es lo siguiente:

<html>

<head>
    <script>
        function abreNuevaVentana(nombreVentana) {
            // abrir una nueva ventana con el nombre pasado como parámetro
            // no se especifica una URL 
            miVentana = window.open("ejemplo02ObjWindows.html", nombreVentana, "width=500,height=400,status=yes,toolbar=yes,menubar=yes");
            // Abre la corriente de datos del documento para escribir 
            // miVentana.document.open();
            // Crea el documento
            // miVentana.document.write("<html><head><title>Ejemplo de creacion de ventanas para DevCodeLight"); 
            // miVentana.document.write("</title></head><body>");
            // miVentana.document.write("<h1>Creando ventanas con contenido en el documento</h1>");
            // miVentana.document.write("<p>&nbsp;</p>");
            // miVentana.document.write("<p>El contenido es din&aacute;mico, y es un ejemplo para <a href='https://devcodelight.com/'>devcodelight.com</a></p>");
            // miVentana.document.write("<input type='button' value='Cerrar ventana' onclick='window.close();'/>");
            // miVentana.document.write("</body></html>");

            // cierra la corriente de datos del documento 
            // miVentana.document.close();
        }
// -->
    </script>
</head>

<body>
    <form><input type=button value="Abrir ventana" onClick="abreNuevaVentana('nueva')"></form>
</body>

</html>

En este último ejemplo lo que hacemos es lo siguente, comentamos todo el código y lo unico que dejamos, es esta linea:

miVentana = window.open("ejemplo02ObjWindows.html", nombreVentana, "width=500,height=400,status=yes,toolbar=yes,menubar=yes");

Lo que le estamos diciendo, es que abra, el fichero “ejemplo02ObjWindows.html” entonces lo abre y nos muestra esa ventana que creamos en dicho fichero y nos sale el contenido de ese html y al pulsar en abrir ventana, del correspondiente, ya nos aparece el contenido que hay en “ejemplo02ObjWindows.html” y a continuación ya si pulsamos en cerrar nos cierra todo y nos quedamos en la principal.

Eso es todo. Nos vemos en el siguiente 🙂

Deja un comentario