功能未定义onclick javascript

时间:2017-05-02 07:31:31

标签: javascript function

我有这段代码:

<script>
    function logout() {
        var logoutbtn = document.getElementById('logouttext');
        logoutbtn.innerText = "Byebye!";
        setTimeout(function () {
                window.location.href = "/";
            }
            1000);
    }
</script>
<div id="Logout" class="waves-effect logout" onclick="logout()">
    <p id="logouttext">LOGOUT</p>
</div>

现在,当我单击logout div时,它会在控制台中打印出未定义函数注销的情况,但是,当我将函数更改为仅包含window.location.href = "/";时,它确实有效。我在这里做错了什么?

2 个答案:

答案 0 :(得分:3)

你错过了在1000毫秒之前输入逗号,

在工作代码下面:

&#13;
&#13;
function logout() {
    var logoutbtn = document.getElementById('logouttext');
    logoutbtn.innerText = "Byebye!";
    setTimeout(function () {
        window.location.href = "/";
    },1000);
}

            
&#13;
<div id="Logout" class="waves-effect logout" onclick="logout()"><p id="logouttext">LOGOUT</p></div>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

在1000之前,你在setTimeout函数中缺少一个逗号。

只需使用以下行更改setTimeout函数:

setTimeout(function () {
        window.location.href = "/";
},1000);