Tecnología

Inicio

Cómo hacer que una ventana aparezca en su página web

Cómo hacer que una ventana aparezca en su página web


Los desarrolladores web pueden hacer varios tipos de ventanas aparecen en las páginas web. Un tipo es una nueva ventana del navegador, que se abre normalmente en una página Web diferente de la ventana de origen. Otro tipo de ventana resulta de los cuadros de diálogo, como los de recogida de información de visitante de una página. Al hacer que aparezcan nuevas ventanas, se crea una experiencia para los visitantes de su sitio web que es potencialmente más interesante que las páginas de una sola ventana. Además, haciendo aparecer una nueva ventana permite visitante de su página de quedarse en su página, mientras le da la opción de explorar el contenido de la nueva ventana de la página original se ha abierto.

Instrucciones

Crear una ventana que las solicitudes y muestra información

1 Crear un nuevo documento en cualquier procesador de texto y pegar o escribir en él las siguientes etiquetas:

<Html>
<Head>
</ Head>
<Body>
</ Body>
</ Html>

Estas etiquetas definen un documento HTML básico, en el que vamos a crear un pequeño programa JavaScript que muestra nuevas ventanas para solicitar y mostrar la información.

2 Escriba lo siguiente en cualquier lugar entre las etiquetas <head> y </ head>:

<Script type = "text / javascript">
función showGreetingWindow ()
{
var userData = prompt ( "¿Cuál es su nombre?");
"!. Bienvenidos a mi rincón de la web" userData = "Hola" + + userData;
alerta (userData);
}
</ Script>

La primera declaración de este listado indica al navegador que un programa JavaScript seguirá la etiqueta <script> de apertura. El programa es una única función de JavaScript, "showGreetingWindow", que utiliza la función JavaScript "pronto" para solicitar la entrada del usuario por parte del usuario. Tanto la función de la "alerta" que sigue más adelante mostrar nuevas ventanas en su página web "pronto" y.

3 Escriba el texto siguiente para sustituir la etiqueta <body> en el paso 1.

<Body onload = "showGreetingWindow ();">

Esta etiqueta HTML dice al navegador que llamar a la función que ha definido en el paso anterior, tan pronto como el navegador termina de cargar la página Web.

4 Pulse la tecla "Control" + "S" para guardar el documento. Seleccionar la opción "Texto sin formato" para el tipo de archivo y escriba cualquier nombre que termina con ".htm" para el nombre de archivo. La extensión de archivo ".htm" asegura que Windows utilizará un navegador para abrir la página.

5 Haga clic en "Inicio", "Documentos" para abrir el Explorador de Windows. Vaya a la página Web que acaba de guardar, a continuación, haga doble clic en el archivo para abrirlo en el navegador. El programa JavaScript le pedirá su nombre. Escriba su nombre y presionar "Enter". Entonces, el programa mostrará otra ventana, que contiene el mensaje que ha programado en el paso 2.

Abra una nueva ventana del explorador

6 Complete el paso 1 de la sección anterior para crear un nuevo documento de Web.

7 Escriba el texto siguiente entre las etiquetas <head> y </ head>:

<Script type = "text / javascript">
función MakeNewWindow ()
{
abierto ( "http: //www.time.gov&quot;)
}
</ Script>

Este nuevo programa ( "MakeNewWindow") tiene una sola línea, que abre una nueva ventana del navegador hasta la página en time.gov. Puede cambiar esta dirección Web a cualquier otro que le guste.

8 Escriba la siguiente instrucción en entre las etiquetas <body> y </ body>:

<a onClick="MakeNewWindow()"> Haga clic aquí para abrir una nueva ventana. </a>

Este código HTML crea un hipervínculo que, cuando el usuario hace clic en él, llamará a la función que ha definido en el paso anterior.

9 Guardar la página Web como lo hizo en el paso 4 de la sección anterior. A continuación, cargue la página en el navegador como lo hizo en el paso 5 de la sección anterior.

10 Haga clic en "Haga clic aquí ..." texto para hacer su programa de correr, lo que hará que el navegador para abrir una nueva ventana en la URL que ha especificado en la función "MakeNewWindow".