recherche

Maison  >  Questions et réponses  >  le corps du texte

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 !

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.

阿神阿神2786 Il y a quelques jours540

répondre à tous(5)je répondrai

  • 大家讲道理

    大家讲道理2017-05-16 13:10:10

    window.history.go(-1);

    répondre
    0
  • 伊谢尔伦

    伊谢尔伦2017-05-16 13:10:10

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

    répondre
    0
  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-05-16 13:10:10

    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.

    répondre
    0
  • ringa_lee

    ringa_lee2017-05-16 13:10:10

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

    répondre
    0
  • 过去多啦不再A梦

    过去多啦不再A梦2017-05-16 13:10:10

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

    répondre
    0
  • Annulerrépondre