javascript的点击功能根本不起作用

第二个函数，应该带我去

player2.html

，由于某种原因不起作用。语法或格式有错误吗

document.getElementById("start").onclick = function()
{
    location.href="player.html";
}

//**>>>**This doesn't work. Button does nothing when clicked****
document.getElementById("next").onclick = function()
{
   location.href="player2.html";

}

document.getElementById("startgame").onclick = function()
{
    location.href = "gameboard.html";
}

这是index.html

<div class="container">

    <header>
        <h1>
            Tic Tac Toe
        </h1>
    </header>


    <div class="frame">
        <div>
            <button id="start">Start</button>
        </div>
        <div>
            <button>Exit</button>
        </div>
    </div>

</div>



<script src="main.js"></script>

<div class="container">
        <header>
            <h1>Tic Tac Toe</h1>
        </header>
        <div class="frame">
            <label for="player">Enter player1 name : </label>
            <input type="textbox" id="player">
            <div>            
                <button id="next">Next</button>
            </div>
        </div>
    </div>

    <script src="main.js"></script>

井字过三关
开始
出口

这是player.html

<div class="container">

    <header>
        <h1>
            Tic Tac Toe
        </h1>
    </header>


    <div class="frame">
        <div>
            <button id="start">Start</button>
        </div>
        <div>
            <button>Exit</button>
        </div>
    </div>

</div>



<script src="main.js"></script>

<div class="container">
        <header>
            <h1>Tic Tac Toe</h1>
        </header>
        <div class="frame">
            <label for="player">Enter player1 name : </label>
            <input type="textbox" id="player">
            <div>            
                <button id="next">Next</button>
            </div>
        </div>
    </div>

    <script src="main.js"></script>

井字过三关
输入player1名称：
下一个

加载

player.html

页面时，以下代码导致错误，因为该页面上没有id为“start”的元素

document.getElementById("start").onclick = function()
{
    location.href="player.html";
}

您将在JS文件的顶部得到一个错误，这会破坏其他按钮。我建议使用jQuery，因为绑定onclick事件时找不到ID时不会出错。在jQuery中，您可以这样做

$('#next').click(function(){
    location.href="player.html";
});

如果您不想使用jQuery，下面是JavaScript的方法

var elem = document.getElementById("start");

if(elem){
    elem.onclick = function()
    {
        location.href="player.html";
    }
}

---

我们还需要查看包含

next

按钮的HTML。据我所知，它应该可以工作。你可能需要检查控制台，看看里面是否有错误，发布你的html也会有帮助：）没有。它可以正常工作，只要我把函数放在不同的.js文件中，但放在一起就不行了。这背后有什么逻辑吗？@saujan是的，你的JS中可能有错误。如果存在语法错误，脚本中的任何内容都不会运行。如果存在运行时错误，脚本将停止在那里。查看调试控制台以查看是否存在任何错误。您的player.html页面没有id为start的元素，因此您的脚本在第一行尝试在未定义的对象上设置onclick时将失败。我遵循了您的javascript方法。你能告诉我这句话是怎么说的吗？是的。IF返回布尔值，是或否。如果某个值为NULL，则IF失败。在这种情况下，如果元素为null，if语句将失败。