Como hacer una pagina web y ganar dinero
Creada para aprender lo que mas nesesitas porque la calidad es mejor que la cantidad.
Blog

Redireccionar con location en JavaScript

Tags: redireccionar, manual, location, windows, javascript, objeto, object
publicado el 2010-07-18   leido 6379 leídas

El objeto location colabora directamente con el objeto window



Cuando le asignamos una nueva dirección a la propiedad location del objeto window, el navegador redirecciona a dicha página.

¿Eres mayor de edad?


Implementaremos un pequeño ejemplo para ver la utilidad de esta propiedad: Supongamos que tenemos un hipervínculo que al ser presionado muestre una vetana de confirmación, si queremos ingresar a un sitio para mayores. En caso que el visitante presione el botón afirmativo, redireccionamos a otra página, en caso contrario mostramos un mensaje
<html>
<head>
</head>
<body>
<script language="javascript">
function verificarMayorEdad()
{
  if (window.confirm('Es mayor de edad?'))
    window.location='pagina2.html';
  else
    window.alert('Cuando sea mayor de edad podrá ingresar');
}
</script>
<a href="javascript:verificarMayorEdad()">Ingresar al sitio para
mayores</a>
</body>
</html>
Lo primero que tenemos que indicar es que para llamar a una función de javascript desde un hipervínculo debemos anteceder la palabra javascript seguida de dos puntos y por último, el nombre de la función:

<a href="javascript:verificarMayorEdad()">

La función verificarMayorEdad muestra la ventana con los botones confirmar y cancelar (recordar que el método confirm del objeto window hace esto en forma automática).

Si se presiona el botón confirmar, la función confirm retorna true y por lo tanto se ejecuta el verdadero del if:

  if (window.confirm('Es mayor de edad?'))
    window.location='pagina2.html';
  else
    window.alert('Cuando sea mayor de edad podrá ingresar');

Recordar que anteceder la palabra window a estas funciones y propiedades es opcional.
Por último la página que se redirecciona es:
<html>
<head>
<title>Problema</title>
</head>
<body>
Bienvenido al sitio para adultos.
</body>
</html>

Te gustó?

Cambiar color de fondo con onMouseOver y onMouseOut en Javascript

Archivo externo (.js) en JavaScript

 
Información
Christian Valencia publicado porPor: Ero-Fierce

Suscribete
Recibe los ultimos articulos en tu email:

Indice.
Javascript

Ultimos Artículos
Como ponerle nieve a la pagina web
Qué es Composer y cómo instalarlo en Windows Linux y MAC
Hacer SEO en el 2016 - 2017
Habilitar sonido al pulsar las teclas Bloq Mayús, Bloq Num y Bloq Des
10 trucos viejos, seo que nunca te dijeron
15 Efectos carrusel como pagina de libro animado con ejemplos

Todos los tutoriales

Hacer una web paso a paso Php y MySQL Javascript
Posicionamiento Web SEO Cómo ganar dinero con tu web Herramientas y Programas Web
Maquetación con CSS Hosting y Dominios MySQL y Phpmyadmin
Ajax UML: Analisis y Diseño Programacion Orientada a Objetos
Java
 
Copyright © 2009 - pagina Web 2 - Todos los derechos Reservados