javascript - 按钮 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 :香蕉未定义
在 HTMLButtonElement.onclick

看来浏览器认为banana是一个变量。

有什么解决办法吗？

Answer 1

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

您应该尝试使用 Javascript 重定向用户:

$('#getFruit').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">Get Fruit</button>