Abrir una ventana con Javascript
- http://www.desarrolloweb.com/articulos/18.php
- 9 abr 2015
- 2 Min. de lectura
Para abrir una ventana con Javascript podemos utilizar la sentencia window.open(). No pasa nada por que no conozcas Javascript, puesto que es muy sencillo utilizarlo para este caso. Vamos a ver paso a paso cómo abrir una ventana secundaria utilizando Javascript. 1. Sentencia Javascript para abrir una ventana La sentencia es simplemente la función window.open(), lo más complicado es saber cómo utilizar esa función, pero ahora veremos que no reviste ninguna complicación. La función window.open() recibe tres parámetros, que se colocan dentro de los paréntesis, de este modo: window.open(URL,nombre_de_la_ventana,forma_de_la_ventana) Veamos rápidamente cada uno de estos parámetros por separado. URL: representa el URL que deseamos abrir en la ventana secundaria, por ejemplohttp://www.desarrolloweb.com nombre_de_la_ventana: es el nombre que se le asigna a esta ventana para dirigir enlaces con el atributo target del HTML forma_de_la_ventana: se indica el aspecto que va a tener la ventana secundaria. Por ejemplo se puede definir su altura, anchura, si tiene barras de desplazamiento, etc Veamos un ejemplo de sentencia Javascript completa para abrir una ventana secundaria: window.open(“http://www.desarrolloweb.com” , “ventana1” , “width=120,height=300,scrollbars=NO”) Esto quiere decir que abra la página inicial de desarrolloweb.com en una ventana secundaria a la que vamos a llamar ventana1. Además, la ventana será de 120 pixels de ancho, 300 de alto y no tendrá barras de desplazamiento. Una aclaración adicional, si después de abrir esa ventana colocamos otro enlace en la página que abría la ventana cuyo atributo target está dirigido hacia el nombre_de_la_ventana (en este caso ventana1), este enlace se mostrará en la ventana secundaria. 2. Función que abre una ventana Lo más cómodo para abrir una ventana es colocar una función Javascript que se encarge de las tareas de abrirla y que reciba por parámetro la URL que se desea abrir. El script es sencillo, veámoslo a continuación: <script language=javascript> function ventanaSecundaria (URL){ window.open(URL,“ventana1”,“width=120,height=300,scrollbars=NO”) } </script> 3. Colocamos un enlace Este enlace no debe estar dirigido directamente a la página que queramos abrir, sino a la sentencia Javascript necesaria para abrir la ventana secundaria. Para ejecutar una sentencia Javascript con la pulsación de un enlace lo hacemos así: <a href=“javascript:sentencia_javascript_para_abrir_la_ventana”>
Entradas recientes
Ver todo20.05.15 *Realización de segunda parte del proyecto *realización de prueba saber
Tutorial sobre INNER HTML en Javascript
Comments