浏览器将指定href的超链接解释为完全不同的URL

Question

我在HTML前端页面中遇到了一种奇怪的行为。

在该页面中：     https://www.cindycottage.com/novita/nastro-jolis-boutons.html 放置在侧边栏中的滑块中的按钮有一种奇怪的行为。

在HTML代码中指定了一个属性     onclick =＆＃34; window.location =＆＃39;一些链接＆＃39;＆＃34; 但浏览器指向另一个网址。将鼠标悬停在按钮上会在状态栏中显示错误的URL。我验证了浏览器检查员没有javascript正在改变网址。

Answer 1

按钮放在表单内。因此，当您点击它时，您将转到url标记的action属性中指定的form。

您可以使用jQuery这样做：

$('#id_of_the_button').click(function(e) {
  e.preventDefault();
  window.location = 'Some url';
});

将id_of_the_button和Some url替换为所需的值。

Answer 2

尝试在链接中附加onclick属性＆＃39; return false;＆＃39; 例如：

onclick="window.location='https://www.cindycottage.com/promozioni';return false;"

问题是button元素还有一个绑定，当你点击它时会调用它。返回false;覆盖此默认行为;