recherche

Maison >interface Web >js tutoriel >Tutoriel sur l'implémentation de la fonction de redirection de page à l'aide des connaissances JavaScript_Basic

Tutoriel sur l'implémentation de la fonction de redirection de page à l'aide des connaissances JavaScript_Basic

WBOY
WBOYoriginal
2016-05-16 15:56:521156parcourir

Qu'est-ce que la redirection de page ?

Lorsque vous cliquez sur une URL pour visiter une page web X, mais qu'en interne vous êtes dirigé vers une autre page Y, tout simplement parce que la page redirige. Le concept est différent du Actualisation de la page JavaScript .

Il peut y avoir plusieurs raisons pour lesquelles vous souhaitez effectuer une redirection à partir de la page d'origine. Quelques raisons énumérées ci-dessous :

  • Si vous n’aimez pas votre nom de domaine, vous pouvez rediriger vers un nouveau. En même temps, dirigez tous les visiteurs vers le nouveau site Web. Dans ce cas, vous pouvez conserver l'ancien nom de domaine mais mettre une redirection de page à page afin que tous les visiteurs de l'ancien nom de domaine puissent accéder au nouveau nom de domaine.
  • Les versions basées sur un navigateur, ou des pages avec des noms différents, peuvent également être basées sur différents pays. Au lieu d'utiliser la redirection de page côté serveur, vous pouvez utiliser la page côté client pour rediriger l'utilisateur connecté vers la page correspondante. .
  • Les moteurs de recherche ont peut-être indexé la nouvelle page. Cependant, lorsque vous passez à un autre nom de domaine, vous n'aimez pas perdre les visiteurs provenant des moteurs de recherche. Par conséquent, vous pouvez utiliser la redirection des pages clients. Mais rappelez-vous que cela ne devrait pas être fait pour tromper les moteurs de recherche, sinon le site pourrait être banni.

Comment fonctionne la redirection de pages ?
Exemple 1 :

Cette redirection des pages côté client utilisant JavaScript est très simple. Pour rediriger les visiteurs du site Web vers une nouvelle page, ajoutez simplement une ligne dans la section d'en-tête comme suit : 

<head>
<script type="text/javascript">
<!--
  window.location="http://www.newlocation.com";
//-->
</script>
</head>

Exemple 2 :

Peut afficher les informations correspondantes aux visiteurs du site Web avant de les rediriger vers une nouvelle page. Cela nécessitera un peu de temps pour charger la nouvelle page. Voici un exemple simple pour réaliser la même chose : 

<head>
<script type="text/javascript">
<!--
function Redirect()
{
  window.location="http://www.newlocation.com";
}

document.write("You will be redirected to main page in 10 sec.");
setTimeout('Redirect()', 10000);
//-->
</script>
</head>

Le setTimeout() ici est une fonction JavaScript intégrée qui peut être utilisée pour exécuter une autre fonction après un intervalle de temps donné.
Exemple 3 :

Ce qui suit est un exemple de redirection des visiteurs vers différentes pages en fonction de leur navigateur : 

<head>
<script type="text/javascript">
<!--
var browsername=navigator.appName; 
if( browsername == "Netscape" )
{ 
  window.location="http://www.location.com/ns.html";
}
else if ( browsername =="Microsoft Internet Explorer")
{
  window.location="http://www.location.com/ie.html";
}
else
{
 window.location="http://www.location.com/other.html";
}
//-->
</script>
</head>


Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Une brève discussion sur les principes et la défense des attaques DDoS à l'aide des compétences JavaScript_javascriptArticle suivant：Une brève discussion sur les principes et la défense des attaques DDoS à l'aide des compétences JavaScript_javascript

Articles Liés

Voir plus