按钮onclick重定向有问题

Question

我在使用按钮将用户重定向到另一个页面时遇到问题

（假设主机名是localhost:8000）

$('#getFruit').attr('onclick', window.location.host + '/getFruit/banana')

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button id="getFruit">Get Fruit</button>

这应该将我重定向到localhost:8000/getFruit/banana。但是，我在控制台中收到此错误

Uncaught ReferenceError: banana is not defined at HTMLButtonElement.onclick

似乎浏览器认为香蕉是一个变量。

对此有任何解决办法吗？

Answer 1

A URL is not a valid value for the onclick attribute.，当用户单击按钮时，您当前的代码实际上试图将URL作为Javascript运行，这是行不通的。

您应尝试使用Javascript重定向用户：

__proto__

$('#getFruit').click(function() {
  window.location = '/getFruit/banana';
});

Answer 2

您需要将函数传递给onclick，例如

$('#getFruit').on('click', function() { window.location = '/getFruit/banana'; })

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="getFruit">Fruit</button>

Answer 3

我认为您可以这样：

$('#getFruit').click(function() { location.href = location.host + '/getFruit/banana'})