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 5167 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 Artculos
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
No se pudo generar una instancia de usuario de SQL Server debido a un error (.mdf
Solucion Error 26. No se encontró el servidor o éste no estaba accesible. Sql

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