如何使用文本 <input> 框更改 window.location url

Question

好的，我正在制作一个视频游戏，我希望玩家能够通过文本输入框在游戏中选择自定义文件。我能够让一切正常工作，但是当我点击 Load Level 按钮时，它会带我去：

.../自定义级别/undefined.html 我尝试了其他一些方法，但我得到的唯一其他东西是：

.../自定义级别/[object HTMLInputElement].html

<div>
    <p><input type="text" id="LVLNK" value="Level Name"></p>
    <p><input type="button" id="MButton" value="Load Level" onclick="LDLVLNK()"></p>
    </div>

<script>
var time = setInterval(10,gameLoop)
var LevelLink; /*put: "var LevelLink = document.getElementById("LVLNK");" to get other link example instead*/

function gameLoop()
{
LevelLink = document.getElementById("LVLNK").value;
}

function LDLVLNK()
{
window.location = "../Custom Levels/" + LevelLink + ".html";
}

我当前尝试访问的文件名为“CLevel1”

所以我会将 CLevel1 放在输入框中。 gameLoop 会将名称设置为 LevelLink 变量，然后将其添加到 window.location 函数中的完整链接，该函数位于由按钮激活的 LDLVLNK 函数内部。

Answer 1

你有 setInterval() 的参数倒过来，应该是：

setInterval(gameLoop, 10);

但是LevelLink 全局变量没有理由。您可以简单地获取LDLVLNK()中的输入值：

function LDLVLNK() {
    var LevelLink = document.getElementById("LVLNK").value;
    if (LevelLink) {
        window.location = "../Custom Levels/" + LevelLink + ".html";
    } else {
        alert("Nowhere to go to");
    }
}

Answer 2

我想你可以尝试以下方法：

function LDLVLNK(){
  location.href = "../Custom Levels/" + LevelLink + ".html";
//here window is optional, location is a globally accessible object
}

顺便说一句：
setInterval 弄错了，你应该使用 setInterval(gameLoop, 10);（即使 10 可能不是很好/浏览器无法维护，尝试 100 并在太多时减少数量）