Andaikan saya mempunyai kod berikut:
<h1><h1>
<div class = "content"> // 这个iframe不占用整个页面
<iframe src = "/fileB.html"></iframe>
</div>
Sekarang, paparkan halaman daripada failB di dalam `<div class = "content">`.
Tetapi dalam fileB, saya ada:
<a href = 'fileC.html'></a>
Biasanya, apabila saya mengklik `<a>`, kandungan akan pergi dari failB ke failC, tetapi selepas saya mengklik butang muat semula penyemak imbas, div akan bertukar kembali kepada failB. Jadi, bagaimana saya boleh memastikan halaman kekal pada fileC apabila saya mengklik butang muat semula.
Terima kasih :)
Saya harap seseorang dapat menunjukkan kepada saya kod yang perlu saya masukkan dan nyatakan dengan jelas fail JS mana yang digunakan untuk fail HTML yang mana.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Mungkin begini
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>Selepas pengguna mengklik "Pergi ke fail C" dalam fileB.html, pengguna akan diubah hala ke fileC.html, dan kemudian pengguna akan menyegarkan halaman dan masih berada di halaman fileC.html Anda boleh mengubah suainya mengikut keperluan .