JQUERY Rediriger la page Web

En utilisant JavaScript pour rediriger les pages Web, vous pouvez choisir d'utiliser jQuery ou Pure JavaScript. Si vous avez besoin de rediriger immédiatement, vous préférez peut-être utiliser Pure JavaScript.

Redirection avec pur javascript

Aucune jQuery n'est requise, window.location.replace(…) est le meilleur moyen de simuler les redirections HTTP.

// 模拟与HTTP重定向类似的行为
window.location.replace("http://jquery4u.com");

// 模拟点击链接的行为
window.location.href = "http://jquery4u.com";

Redirection à l'aide de jQuery

var url = "http://jquery4u.com";    
$(location).attr('href',url);

C'est mieux que d'utiliser window.location.href = car replace() ne metra pas la page d'origine dans l'historique de la session, ce qui signifie que l'utilisateur ne tombera pas dans le dilemme du bouton de retour sans fin. Si vous souhaitez simuler un utilisateur en cliquant sur un lien, utilisez location.href (pour tous les navigateurs). Si vous souhaitez simuler les redirections HTTP, utilisez location.replace.

jQuery Redirection FAQs (FAQs)

Qu'est-ce que la redirection jQuery et pourquoi est-elle utilisée?

JQuery Redirection est une méthode utilisée dans le développement Web pour naviguer entre les pages Web. Il fait partie de JQuery, une bibliothèque JavaScript rapide, compacte et riche en fonctionnalités. Vous pouvez utiliser la fonction de redirection lorsque vous souhaitez rediriger les utilisateurs vers une autre page ou URL du site Web. Ceci est utile dans divers scénarios, par exemple, après qu'un utilisateur ait soumis un formulaire, vous voudrez peut-être les rediriger vers une page de remerciement, ou si la page a déplacé, vous voudrez peut-être envoyer l'utilisateur à un nouvel emplacement.

Comment implémenter la redirection de jQuery?

La mise en œuvre de la redirection JQuery est très simple. Vous devez utiliser l'objet window.location dans JavaScript. Voici un exemple simple:

$(document).ready(function(){  
  window.location.href = "https://www.newurl.com";  
});

Dans cet exemple, lorsque le document est prêt, le navigateur redirigera vers la nouvelle URL.

Puis-je rediriger vers une nouvelle fenêtre en utilisant jQuery?

Oui, vous pouvez rediriger vers une nouvelle fenêtre à l'aide de jQuery. Vous utiliserez window.open() au lieu de window.location.href. Voici un exemple:

$(document).ready(function(){  
  window.open("https://www.newurl.com", "_blank");  
});

Dans cet exemple, le paramètre "_blank" fait s'ouvrir la nouvelle URL dans une nouvelle fenêtre ou onglet.

Puis-je retarder la redirection de jQuery?

Oui, vous pouvez retarder la redirection JQuery en utilisant la fonction setTimeout() dans JavaScript. Voici un exemple:

$(document).ready(function(){  
  setTimeout(function(){  
    window.location.href = "https://www.newurl.com";  
  }, 5000);  
});

Dans cet exemple, la redirection se produira après un retard de 5000 millisecondes (ou 5 secondes).

Puis-je utiliser jQuery pour rediriger en fonction de certaines conditions?

Oui, vous pouvez utiliser jQuery pour rediriger en fonction de certaines conditions. Par exemple, vous souhaiterez peut-être rediriger les utilisateurs en fonction de l'entrée de formulaire. Voici un exemple:

$(document).ready(function(){  
  if($("#inputField").val() == "specificValue"){  
    window.location.href = "https://www.newurl.com";  
  }  
});

Dans cet exemple, si la valeur du champ de saisie avec ID "Inputfield" est "Spécifique VALUE", l'utilisateur sera redirigé vers la nouvelle URL.

Puis-je rediriger vers l'URL relative à l'aide de jQuery?

Oui, vous pouvez rediriger vers l'URL relative à l'aide de jQuery. Au lieu de fournir une URL complète, vous fournissez le chemin par rapport à la page actuelle. Voici un exemple:

// 模拟与HTTP重定向类似的行为
window.location.replace("http://jquery4u.com");

// 模拟点击链接的行为
window.location.href = "http://jquery4u.com";

Dans cet exemple, l'utilisateur sera redirigé vers "newpage.html" dans le même domaine que la page actuelle.

Puis-je rediriger vers une URL externe en utilisant jQuery?

Oui, vous pouvez rediriger vers une URL externe à l'aide de jQuery. Vous fournissez l'URL complète en tant que paramètre à window.location.href. Voici un exemple:

var url = "http://jquery4u.com";    
$(location).attr('href',url);

Dans cet exemple, l'utilisateur sera redirigé vers l'URL externe.

Puis-je utiliser jQuery pour rediriger après que le bouton soit cliqué?

Oui, vous pouvez utiliser jQuery pour rediriger une fois le bouton cliqué. Vous utiliserez le gestionnaire d'événements Click dans jQuery. Voici un exemple:

$(document).ready(function(){  
  window.location.href = "https://www.newurl.com";  
});

Dans cet exemple, lorsque le bouton avec ID «Mybutton» est cliqué, l'utilisateur sera redirigé vers la nouvelle URL.

Puis-je utiliser jQuery pour rediriger après la soumission du formulaire?

Oui, vous pouvez utiliser jQuery pour rediriger une fois le formulaire soumis. Vous utiliserez le gestionnaire d'événements de soumission dans jQuery. Voici un exemple:

$(document).ready(function(){  
  window.open("https://www.newurl.com", "_blank");  
});

Dans cet exemple, lors de la soumission d'un formulaire avec id «myform», l'utilisateur sera redirigé vers la nouvelle URL.

Puis-je utiliser jQuery pour rediriger après la décoloration?

Oui, vous pouvez utiliser jQuery pour rediriger après la décoloration. Vous utiliserez la fonction fadeOut() dans jQuery. Voici un exemple:

$(document).ready(function(){  
  setTimeout(function(){  
    window.location.href = "https://www.newurl.com";  
  }, 5000);  
});

Dans cet exemple, le corps de la page actuelle disparaîtra dans les 2 secondes, après quoi l'utilisateur sera redirigé vers la nouvelle URL.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!