[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?




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.




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
    });
});



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') .




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";
});






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



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");



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

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



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");



***** 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.




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 .




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')



# 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"; .




Related