Javascript 在不更改js文件的情况下将用户转到其他页面

我试图在一个链接到JS文件的html页面中提示用户输入玩家的名字，我需要在游戏后期重新使用这些名字，但我认为我不能将它们存储在本地存储中，所以我想知道是否有其他方法可以向用户显示另一个页面而不将它们重定向到另一个页面

---

欢迎您提出其他解决方案。

您可以使用一个隐藏的

表单输入名称

最简单的例子：

HTML:

<div style="display: none" class="overlay" id="form">
    <input type="text" id="name" placeholder="Player Name">
    <input type="button" id="btn" value="Confirm">
</div>

.overlay
{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%
    height: 100%;
    z-index: 100;
}

JS:

<div style="display: none" class="overlay" id="form">
    <input type="text" id="name" placeholder="Player Name">
    <input type="button" id="btn" value="Confirm">
</div>

.overlay
{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%
    height: 100%;
    z-index: 100;
}

要显示提示，请执行以下操作：

document.getElementById("form").style.display = "block";

document.getElementById("form").style.display = "none";

要隐藏提示，请执行以下操作：

document.getElementById("form").style.display = "block";

document.getElementById("form").style.display = "none";

---

你的意思是你需要在页面之间导航而不需要每次加载JS文件，只有在网站打开时才加载一次？@mohammedalshobaki我需要用一个JS文件处理两个html页面，这是我做不到的，因此，我正在寻找另一种方法。在页面之间导航时，是否可以尝试使用AJAX更新内容并保留页脚和页眉？我将根据玩家数量动态创建名称输入：const x=localStorage.getItem（'playersNum'）；const parentDiv=document.getElementById（'player-list'）；对于（设i=0；iplayer${i}）；newInput.setAttribute（“占位符”、“播放器名称”）；parentDiv.appendChild（newInput）；}我需要隐藏这一个，并在游戏中显示另一个。为什么不把游戏和名字提示都放在一个叠加中，就像我的答案一样，并在需要时显示/隐藏它们？