Angenommen, ich habe den folgenden Code: <h1><h1><divclass="content">//Dieser Iframe belegt nicht die gesamte Seite <iframesrc="/fileB.html"></iframe></div> Nun, in `<divclass="content">` wird ab f angezeigt

So vermeiden Sie, dass HTML-Iframe eine Seitenaktualisierung verursacht

Angenommen, ich habe den folgenden Code:

<h1><h1>

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

Jetzt zeigen Sie die Seite aus DateiB in „<div class = „content“>“ an.

Aber in DateiB habe ich:

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

Wenn ich auf „<a>“ klicke, wechselt der Inhalt normalerweise von DateiB zu DateiC, aber nachdem ich auf die Aktualisierungsschaltfläche des Browsers geklickt habe, wechselt das Div zurück zu DateiB. Wie kann ich also dafür sorgen, dass die Seite in Datei C bleibt, wenn ich auf die Schaltfläche „Aktualisieren“ klicke?

Danke :)

Ich wünschte, jemand könnte mir den Code zeigen, den ich einfügen muss, und klar angeben, welche JS-Datei für welche HTML-Datei gilt.

P粉799885311370 Tage vor974

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

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

So vermeiden Sie, dass HTML-Iframe eine Seitenaktualisierung verursacht

Antworte allen(1)Ich werde antworten