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.
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
也许像这样
fileB.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>fileC.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>用户在fileB.html中点击“前往文件C”后，用户将被重定向到fileC.html，然后用户刷新页面仍然停留在fileC.html页面，您可以根据需要进行修改。