如何在此 HTML 頁面中存儲數據並使用 JavaScript 在另一個頁面中檢索它

Question

我希望存儲名字，然后檢索並顯示在另一個 html 頁面上。 有人能幫我看看嗎，因為我一直在努力解決這個問題。 我需要 1 個 JavaScript 外部文件嗎？ 如果沒有，我鏈接到哪個 JavaScript 文件到哪個 HTML 文件。

 <section class="enquirything"> <div class="containerr"> <form action="payment.html" id="regform" method="post"> <label for="fname">First Name</label> <input type="text" id="fname" name="firstname" required="required" placeholder="Your name.." maxlength="25" onkeypress="return (event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123) || (event.charCode==32)">

Answer 1

更好的版本：

索引.html:

<section class="enquirything">
  <div class="containerr">
    <form action="something.html" id="regform" method="get">
      <label for="fname">First Name</label>
      <input type="text" id="fname" name="firstname" required="required" placeholder="Your name.." maxlength="25" onkeypress="return (event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123) || (event.charCode==32)">
      
      <input type="submit" value="Submit the form">
      
    </form>
  </div>
</section>

東西。html：

<span id="firstName">Hello!</span>
<script src="file.js"></script>

文件.js：

function parseGetParam(p) {
    if (!p) return {};
    return JSON.parse(`${p.split('?').join('{"').split('=').join('":"').split('&').join('","')}"}`);
}

let get = parseGetParam(location.search);

function receiveFirstName() {
    let firstName;
    if (typeof get["firstname"] === "undefined")
        firstName = "some random dude";
    else
        firstName = get["firstname"];
    return firstName;
}

const firstName = receiveFirstName();
let fnElement = document.getElementById("firstName");
fnElement.innerHTML = `Hello, ${firstName}! This is JS!`;

你可以改進它，如果你修補它！