Cet article vous présente principalement l'utilisation de document.referrer en JavaScript. L'article le présente en détail à travers un exemple de code, qui a une certaine valeur de référence et d'apprentissage pour tous les amis qui en ont besoin peuvent y jeter un œil ci-dessous.
Préface
En JavaScript, l'objet document possède de nombreux attributs, parmi lesquels on retrouve 3 attributs liés aux requêtes de pages web, qui sont respectivement, il s'agit de l'URL, du domaine et du référent.
L'attribut URL contient l'URL complète de la page, l'attribut domain contient uniquement le nom de domaine de la page et l'attribut referrer stocke l'URL de la page liée à la page actuelle.
Les deux premiers sont faciles à comprendre, et l'attribut referrer est simplement l'URL de la page précédente. Alors, quelle est l’utilisation spécifique de cet attribut ?
Dans les pages H5, on ajoute souvent un bouton de retour à la page précédente dans l'en-tête, comme ceci :
En-tête de page
Cliquez sur l'élément à gauche pour revenir à la page précédente On peut simplement écrire un bout de code JS :
var back = document.getElementById('back'); //假设该返回按钮元素id为back back.onclick = function(){ history.back(); //返回上一个页面,也可以写成history.go(-1) };
<a id="back" href="javascript:history.back();" rel="external nofollow" ></a>
! Ne vous inquiétez pas, le recto n'est qu'une préfiguration, allons droit au but~~~document.referrer
if(document.referrer){ back.style.display = 'block'; //默认让其隐藏,当referrer属性不为空时让其显示 }
Conclusion
En fait, la façon de déterminer si la page actuelle est la page que l'utilisateur a initialement ouverte n'est pas seulement de juger l'attribut referrer, mais aussi de savoir si history.length est nul . J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir. Articles connexes :javascriptdocument.referrerPrise en charge du navigateur, résumé des échecs_connaissances de base
document.referrer en JavaScript Résultats des tests dans divers navigateurs_Connaissances de base
javascript document.referrer Utilisation_ compétences javascript
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!