如何在普通浏览器 javascript 中写入单独的 html 文件？

Question

我知道您可以写入当前 HTML 文件，但我想写入另一个 html 文件。例如：我有 2 个文件，一个是 index.html，另一个是 completedsurvey.html 我想从我的 index.html 文件中向 completedsurvey.html 写入一些内容。有没有办法
要执行大多数浏览器都支持的操作？

Answer 1

所以对于第一个解决方案：假设您希望在成功提交表单时显示“用户名”和“摘要”。这不是一个精确的解决方案，只是您可以用来了解概念的东西。

index.html

    <form>
    <input type='text' id="username">
    <input type='text' id="summary">
    <button type="button" id="process-form">
    </form>
    
    <script>
       document.getElementById('process-form').addEventListener('click', (eve)=>{
       
    
          var uname = document.getElementById('username');
          var summ = document.getElementById('summary');
          localStorage.setItem('uname', uname);//saving the data in local storage
          localStorage.setItem('summ', summ);
//redirect to next page...
       });
    </script>

surveycomplete.html

<!doctype>
.
.
<div> 
<h1 id="name"> </h1>
<p id='summary'> </p>
</div>
<script>
  var uname = localStorage.getItem('uname');//retrieving from local storage
  var summ = localStorage.getItem('summ');
  document.getElementById('name').innerHTML = uname;//fill the fields with data 
  .
  .
</script>

更多链接： https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

如何在普通浏览器 javascript 中写入单独的 html 文件？

How to write to a seperate html file in plain browser javascript?

html

javascript

filesystems

web