[Javascript] ¿Cómo puedo redireccionar a otra página web?



Answers

ADVERTENCIA: esta respuesta simplemente se ha proporcionado como una posible solución; obviamente no es la mejor solución, ya que requiere jQuery. En cambio, prefiere la solución de JavaScript puro.

$(location).attr('href', 'http://stackoverflow.com')
Question

¿Cómo puedo redirigir al usuario de una página a otra usando jQuery o JavaScript puro?




jQuery no es necesario. Puedes hacerlo:

window.open("URL","_self","","")

¡Así de fácil!

La mejor forma de iniciar una solicitud HTTP es con document.loacation.href.replace('URL') .




Ayudaría si fueras un poco más descriptivo en lo que intentas hacer. Si intenta generar datos paginados, hay algunas opciones sobre cómo hacerlo. Puede generar enlaces separados para cada página a la que desee acceder directamente.

<a href='/path-to-page?page=1' class='pager-link'>1</a>
<a href='/path-to-page?page=2' class='pager-link'>2</a>
<span class='pager-link current-page'>3</a>
...

Tenga en cuenta que la página actual en el ejemplo se maneja de manera diferente en el código y con CSS.

Si quiere que los datos paginados se modifiquen a través de AJAX, aquí es donde entrará jQuery. Lo que haría sería agregar un manejador de clics a cada una de las etiquetas de anclaje correspondientes a una página diferente. Este controlador de clic invocaría un código jQuery que iría a la página siguiente a través de AJAX y actualizaría la tabla con los datos nuevos. El siguiente ejemplo supone que tiene un servicio web que devuelve los datos de la nueva página.

$(document).ready( function() {
    $('a.pager-link').click( function() {
        var page = $(this).attr('href').split(/\?/)[1];
        $.ajax({
            type: 'POST',
            url: '/path-to-service',
            data: page,
            success: function(content) {
               $('#myTable').html(content);  // replace
            }
        });
        return false; // to stop link
    });
});



Utilizar:

// window.location
window.location.replace('http://www.example.com')
window.location.assign('http://www.example.com')
window.location.href = 'http://www.example.com'
document.location.href = '/path'

// window.history
window.history.back()
window.history.go(-1)

// window.navigate; ONLY for old versions of Internet Explorer
window.navigate('top.jsp')


// Probably no bueno
self.location = 'http://www.example.com';
top.location = 'http://www.example.com';

// jQuery
$(location).attr('href','http://www.example.com')
$(window).attr('location','http://www.example.com')
$(location).prop('href', 'http://www.example.com')



En JavaScript y jQuery podemos usar el siguiente código para redirigir la página de una página a otra:

window.location.href="http://google.com";
window.location.replace("page1.html");



Pero si alguien quiere redireccionar a la página de inicio, entonces puede usar el siguiente fragmento.

window.location = window.location.host

Sería útil si tiene tres entornos diferentes como desarrollo, puesta en escena y producción.

Puede explorar esta ventana o el objeto window.location simplemente colocando estas palabras en la consola de Chrome o en la consola de Firebug .




En su función de clic, simplemente agregue:

window.location.href = "The URL where you want to redirect";
$('#id').click(function(){
    window.location.href = "http://www.google.com";
});



Aquí hay una redirección de retraso de tiempo. Puede establecer el tiempo de demora a lo que desee:

<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Your Document Title</title>
    <script type="text/javascript">
        function delayer(delay) {
            onLoad = setTimeout('window.location.href = "http://www.google.com/"', delay);
        }
    </script>
</head>

<body>
    <script>
        delayer(8000)
    </script>
    <div>You will be redirected in 8 seconds!</div>
</body>

</html>



Esto funciona con jQuery:

$(window).attr("location", "http://google.fr");



***** LA PREGUNTA ORIGINAL FUE - "CÓMO REDIRECCIONAR EL USO DE JQUERY", POR EJEMPLO LA RESPUESTA IMPLEMENTA JQUERY >> CASO DE USO COMPLEMENTARIO *****

Para redirigir a una página con JavaScript:

  window.location.href = "/contact/";

O si necesita un retraso:

setTimeout(function () {
  window.location.href = "/contact/";
}, 2000);   // Time in milliseconds

jQuery le permite seleccionar elementos de una página web con facilidad. Puede encontrar lo que desee en una página y luego usar jQuery para agregar efectos especiales, reaccionar a las acciones del usuario o mostrar y ocultar contenido dentro o fuera del elemento que ha seleccionado. Todas estas tareas comienzan con saber cómo seleccionar un elemento o un evento .

     $('a,img').on('click',function(e){
         e.preventDefault();
         $(this).animate({
             opacity: 0 //Put some CSS animation here
         }, 500);
         setTimeout(function(){
           // OK, finished jQuery staff, let's go redirect
           window.location.href = "/contact/";
         },500);
     });

¡Imagine que alguien escribió un script / plugin que tiene 10000 líneas de código! Bueno, con jQuery puedes conectarte a este código con solo una línea o dos.







# HTML página redirigir el uso de jQuery / JavaScript

Prueba este código de ejemplo:

function YourJavaScriptFunction()
{
    var i = $('#login').val();
    if (i == 'login')
        window.location = "login.php";
    else
        window.location = "Logout.php";
}

Si desea proporcionar una URL completa como window.location = "www.google.co.in"; .




Solo tuve que actualizar esta ridiculez con otro método jQuery más nuevo:

var url = 'http://www.fiftywaystoleaveyourlocation.com';
$(location).prop('href', url);



Primero escribe correctamente. Desea navegar dentro de una aplicación por otro enlace desde su aplicación para otro enlace. Aquí está el código:

window.location.href = "http://www.google.com";

Y si desea navegar por las páginas de su aplicación, también tengo código, si lo desea.




var url = 'asdf.html';
window.location.href = url;





Links