单击按钮后重定向未发生，但开发工具控制台中的相同代码有效

Question

我有以下JS函数：

        function cancelClick() {
            location.replace('Employers_Welcome.aspx');
            return false;
        };

然后我在 ASP.NET WebForms 页面中放置了以下 html：

            <div class="divTableCell-2">
                <div class="field-container">
                    <button id="CancelBtn" class="ViewLogButton buttonStyle" onclick="cancelClick()">Cancel</button>
                </div>
            </div>

当我单击按钮时，会调用 cancelClick() 函数（我可以在调试器中看到它）。然而，重定向并没有发生，页面只是重新加载。

但是，如果我直接从同一页面上的 IE11 开发工具控制台调用 cancelCick()，则重定向有效。

我错过了什么？对于它的价值，我尝试了实际 JS 重定向代码的不同变体（document.href、location.href 等），我得到了相同的结果。

Answer 1

这个按钮可能在一个表单中。假定按钮的默认类型是 sumbit，表单正在提交并重新加载页面。添加 type=button 将从按钮中删除默认提交行为。

单击按钮后重定向未发生，但开发工具控制台中的相同代码有效

Redirect not happening After button click but same code works from Dev Tools Console

javascript

asp.net

webforms