communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
javascript - Comment js permet-il au navigateur de revenir à la couche précédente afin que nous puissions revenir à l'état dans lequel nous l'avons quitté pour la dernière fois !
阿神
阿神 2017-05-16 13:08:10
0
5
536

Si vous souhaitez ramener la page au niveau précédent, vous pouvez revenir à l'état que vous aviez lorsque vous l'avez quitté pour la dernière fois, y compris une série de styles. Il n'y a pas de bouton pour revenir au niveau précédent sur la page. Cela semble difficile à réaliser ! Les internautes disent d'utiliser le hachage, les cookies et le stockage. Je pense que ce n'est pas fiable, je n'arrive pas à accéder à la page ou à y revenir.

阿神
阿神

闭关修行中......

répondre à tous(5)
大家讲道理
大家讲道理2017-05-16 13:10:10 5 plancher

window.history.go(-1);

Comme +0
Ajouter une réponse
伊谢尔伦
伊谢尔伦2017-05-16 13:10:10 4 plancher

Simple, en sortant, ajoutez un paramètre à votre url : l'adresse de la page précédente après encode_url !

Comme +0
Ajouter une réponse
曾经蜡笔没有小新
曾经蜡笔没有小新2017-05-16 13:10:10 3 plancher

Oui, il n'existe actuellement aucun moyen de déterminer comment la page est saisie. Il peut s'agir d'un retour ou d'une avance.

Comme +0
Ajouter une réponse
左手右手慢动作
左手右手慢动作2017-05-16 13:10:10 2 plancher

http://www.zhangxinxu.com/wor...

Comme +0
Ajouter une réponse
过去多啦不再A梦
过去多啦不再A梦2017-05-16 13:10:10 1 plancher

Maintenant, j'ai 2 pages : Page A et Page B

Page B

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>

<body>
  <button type="" onclick='back()'>返回A页</button>
  <script>
  function back() {
    window.history.go(-1);
  }
  sessionStorage.setItem('info', 'true'); //值必须为字符串
  </script>
</body>

</html>

Page A

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>

<body>
  <a href="B.html">跳转到B页面</a>
  <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
  <script>
  var flag = sessionStorage.getItem('info'); // IE不支持本地文件
  if (flag === 'true') {
    $('<span class="back-succeed">返回成功</span>').appendTo('body'); //如果是从其他页面返回本页，添加提示
    console.log('页面是从B页返回的');
    sessionStorage.removeItem('info');
  } else {
    console.log('页面是新进入的');
  }
  </script>
</body>

</html>

Processus :

1. Entrez la page B à partir de la page A
2. Sur la page B, nous avons configuré une sessionStorage avec info===='true'
3. La page B appelle la fonction back() via le bouton pour exécuter window.history. .go(-1) Retour à la page A
4. Après être revenu à la page A, nous obtenons les informations et les attribuons à flag Si flag===='true' est déterminé, cela signifie qu'il est renvoyé depuis la page B, et la valeur de l'information est effacée. Si elle est actualisée sur la page A, alors l'information a été effacée et affichera : La page est nouvellement entrée.
5. Si vous ouvrez la page A directement depuis le début et n'entrez pas dans la page B à ce moment-là, l'information n'existe pas et elle affichera : La page est nouvellement saisie

Copiez le contenu des pages A et B pour vous tester - -

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal