简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Comment éviter que l'iframe HTML provoque l'actualisation de la page
P粉799885311
P粉799885311 2023-09-15 22:35:01
0
1
1012

Supposons que j'ai le code suivant : 

<h1><h1>

    <div class = "content"> // 这个iframe不占用整个页面
       <iframe src = "/fileB.html"></iframe>
    </div>

Maintenant, affichez la page du fichierB à l'intérieur de `<div class = "content">`.

Mais dans le fichierB, j'ai : 

<a href = 'fileC.html'></a>

Normalement, lorsque je clique sur `<a>`, le contenu passe du fichier B au fichier C, mais après avoir cliqué sur le bouton d'actualisation du navigateur, le div reviendra au fichier B. Alors, comment puis-je garder la page sur fileC lorsque je clique sur le bouton d'actualisation.

Merci :)

J'aimerais que quelqu'un puisse me montrer le code que je dois insérer et indiquer clairement quel fichier JS correspond à quel fichier HTML.

P粉799885311
P粉799885311

répondre à tous(1)
P粉392861047
P粉3928610472023-09-16 13:54:53 1 plancher

Peut-être comme ça

fichierB.html

<!DOCTYPE html>
<html>
<head>
  <title>文件B</title>
</head>
<body>
  <h1>文件B</h1>
  <div class="content">
    <a href="fileC.html?source=fileB">前往文件C</a>
  </div>

  <script>
    // 检查localStorage中是否存储了sourcePage的值
    const sourcePage = localStorage.getItem('sourcePage');
    if (sourcePage && sourcePage === 'fileB') {
      // 重定向到fileC.html
      window.location.href = 'fileC.html';
    }
  </script>
</body>
</html>

fichierC.html

<!DOCTYPE html>
<html>
<head>
  <title>文件C</title>
</head>
<body>
  <h1>文件C</h1>
  <div class="content">
    <p>这是文件C。</p>
  </div>

  <script>
    // 获取URL参数
    const urlParams = new URLSearchParams(window.location.search);
    const sourcePage = urlParams.get('source');

    // 将sourcePage的值存储在localStorage中
    localStorage.setItem('sourcePage', sourcePage);
  </script>
</body>
</html>

Une fois que l'utilisateur a cliqué sur "Aller au fichier C" dans fileB.html, l'utilisateur sera redirigé vers fileC.html, puis l'utilisateur actualisera la page et restera toujours sur la page fileC.html. Vous pourrez la modifier si nécessaire. .

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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！