Question

我是编码的新手，我正在尝试开发某种简单的棋盘游戏。

我有两个页面，在第一个页面上，我有一个列表，其中应该选择玩家数量，然后单击将运行功能的按钮以打开第二页并显示玩家数量。

问题是当函数运行时，它似乎停在window.location上，这很有意义。有没有办法即使页面更改后我的函数也可以继续运行？

下面是我的两个页面，我的js代码简化为仅包含属于我的问题的元素。

function chooseNbrPlayers(){
window.location.href = "page2.html"; 
document.getElementById("demo").innerHTML = document.getElementById("selectNbrPlayers").selectedIndex;
var nbrPlayers =  document.getElementById("selectNbrPlayers").selectedIndex;
    }


<html>
<head>
    <title>page1</title>

    <p><button onclick="chooseNbrPlayers()">Play</button></p>
        <body>
            <form><select id="selectNbrPlayers">
                    <option></option>
                    <option>1 player</option>
                    <option>2 players</option>
                    <option>3 players</option>
                    <option>4 players</option>
                    </select>
            </form>
        </body>
        <script src=script.js></script>
</head>
</html>

<html>
<head>
    <title>page2</title>

    <p>There are <span id="demo"></span> players.</p>

        <script src=script.js></script>
</head>
</html>

Answer 1

在任何情况下，当您重定向到新页面时，您的js代码都会重试。 Script.js启动再次开始。我认为更好的选择是路由。您可以为不同的页面编写特定的脚本，但是我认为这是不正确的。

使用window.location

1 个答案: