window.location.replace();没有在按钮单击时重定向页面

Posted

技术标签:

【中文标题】window.location.replace();没有在按钮单击时重定向页面【英文标题】:window.location.replace(); is not redirecting the page on button click 【发布时间】:2021-10-24 11:39:58 【问题描述】:

我试图在单击按钮时重定向页面,但是当我单击按钮时它只刷新页面并且我停留在同一页面

我也试过这个:

window.location = "https://***.com/";

当前 jquery:

<script>
        $(".ola").click(function () 
            var bl = $(this).attr('id');
            alert(bl);
            window.location.replace("menu.aspx?Pay=" + bl);

        );
    </script>

按钮:

divNaoPago.Innerhtml += "<td><Button type=\"submit\" id=\"" + BL4 + "\" class=\"ola\" style=\"cursor: pointer;\">Pay</Button></td>";

【问题讨论】:

【参考方案1】:

尝试像这样修改您的代码:

  $(".ola").click(function (event) 
    event.preventDefault();
    var bl = $(this).attr('id');
    alert(bl);
    window.location.replace("menu.aspx?Pay=" + bl);
  );

【讨论】:

为什么会这样?我已经使用了window.replace,就像我展示的那样,它工作得很好,为什么它现在不能工作,为什么(event)event.preventDefault();,对不起,我是jquery的新手 @MiguelAraujo w3schools.com/jsref/obj_event.asp,在这里你可以找到一个很好的解释。 您有一个submit 类型的按钮,该按钮的默认操作是发布到您的表单中指定的端点。如果您希望 js 控制您需要阻止首先出现的默认操作。【参考方案2】:

window.location.replace("menu.aspx?Pay=" + bl);

试试这个 window.location.href("menu.aspx?Pay=" + bl);

【讨论】:

我尝试输入window.location.href("menu.aspx?Pay=" + bl);,它仍然是相同的输出

以上是关于window.location.replace();没有在按钮单击时重定向页面的主要内容,如果未能解决你的问题,请参考以下文章

window.location.href和window.location.replace的区别

window.location.replace和window.location.href的区别

window.location.href/replace/reload()/页面跳转+替换+刷新

使用 window.location.replace(response.path) [重复]

Android 是不是支持 window.location.replace 或任何等价物?

是否可以捕获 window.location.replace 事件?