[Javascript] Comment puis-je rediriger vers une autre page Web?


Answers

AVERTISSEMENT: Cette réponse a simplement été fournie comme une solution possible; ce n'est évidemment pas la meilleure solution, car elle nécessite jQuery. Au lieu de cela, préférez la solution JavaScript pure.

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

Comment puis-je rediriger l'utilisateur d'une page à l'autre en utilisant jQuery ou JavaScript pur?




Voici une redirection temporisée. Vous pouvez définir le temps de retard à ce que vous voulez:

<!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>



Utilisation:

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



# Redirection de page HTML à l'aide de jQuery / JavaScript

Essayez cet exemple de code:

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

Si vous voulez donner une URL complète comme window.location = "www.google.co.in"; .




D'abord écrire correctement. Vous voulez naviguer dans une application pour un autre lien de votre application pour un autre lien. Voici le code:

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

Et si vous voulez naviguer dans les pages de votre application, j'ai aussi du code, si vous voulez.




Javascript:

window.location.href='www.your_url.com';
window.top.location.href='www.your_url.com';
window.location.replace('www.your_url.com');

Jquery:

var url='www.your_url.com';
$(location).attr('href',url);
$(location).prop('href',url);//instead of location you can use window



Je devais juste mettre à jour ce ridicule avec une autre méthode jQuery plus récente:

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



Vous pouvez le faire sans jQuery comme:

window.location = "http://yourdomain.com";

Et si vous voulez seulement jQuery alors vous pouvez le faire comme:

$jq(window).attr("location","http://yourdomain.com");



Sur votre fonction de clic, ajoutez simplement:

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






jQuery n'est pas nécessaire. Tu peux le faire:

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

C'est aussi simple que ça!

Le meilleur moyen de lancer une requête HTTP est avec document.loacation.href.replace('URL') .




Cela aiderait si vous étiez un peu plus descriptif dans ce que vous essayez de faire. Si vous essayez de générer des données paginées, il existe certaines options dans la façon de procéder. Vous pouvez générer des liens séparés pour chaque page à laquelle vous voulez accéder directement.

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

Notez que la page en cours dans l'exemple est traitée différemment dans le code et avec CSS.

Si vous voulez que les données paginées soient modifiées via AJAX, c'est ici que jQuery viendrait. Ce que vous feriez serait d'ajouter un gestionnaire de clic à chacune des balises d'ancrage correspondant à une page différente. Ce gestionnaire de clics appelle un code jQuery qui va et récupère la page suivante via AJAX et met à jour la table avec les nouvelles données. L'exemple ci-dessous suppose que vous disposez d'un service Web qui renvoie les nouvelles données de page.

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



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



***** LA QUESTION ORIGINALE ÉTAIT - "COMMENT RÉDUIRE EN UTILISANT JQUERY", D'O THE LA RÉPONSE IMPLIQUE JQUERY >> CAS D'USAGE COMPLÉMENTAIRE *****

Pour simplement rediriger vers une page avec JavaScript:

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

Ou si vous avez besoin d'un délai:

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

jQuery vous permet de sélectionner facilement des éléments d'une page Web. Vous pouvez trouver tout ce que vous voulez sur une page, puis utiliser jQuery pour ajouter des effets spéciaux, réagir aux actions de l'utilisateur, ou afficher et masquer le contenu à l'intérieur ou à l'extérieur de l'élément que vous avez sélectionné. Toutes ces tâches commencent par savoir comment sélectionner un élément ou un événement .

     $('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);
     });

Imaginez quelqu'un a écrit un script / plugin qui est 10000 lignes de code ?! Eh bien, avec jQuery vous pouvez vous connecter à ce code avec juste une ligne ou deux.




Mais si quelqu'un veut revenir à la page d'accueil, il peut utiliser l'extrait suivant.

window.location = window.location.host

Il serait utile si vous avez trois environnements différents comme développement, mise en scène et production.

Vous pouvez explorer cet objet fenêtre ou window.location en plaçant simplement ces mots dans la console Chrome ou dans la console de Firebug .




Links