按钮不适用于localhost / xxxxx.html

如何解决按钮不适用于localhost / xxxxx.html

我为html网站项目写了一个代码。当我打开html文件本身时，它会在各种浏览器上正确加载。但是，当我尝试通过localhost / xxxxx.html访问同一文件时，这些按钮似乎不起作用。其他图像和链接工作正常。所有文件都放在同一文件夹中。

我已经使用了href和button元素。

有人可以帮助我吗？该项目将于明天到期，我不是技术/编码人员。

TIA！

解决方法

没有看到您的所有代码，很难知道为什么它不能在您的本地主机上运行。但是...在<button>元素中，通常不像使用<a>一样添加href。您可以执行此操作，但可以使用javascript中的onclick事件。我建议做一个<a href="xxx" class="button">Text</a>并在CSS中设置.button类的样式。希望这对您的项目有帮助并祝您好运。

button元素不会将您重定向到所需的链接，因为那不是它的基础。

正如您所说，您的链接可以正常工作，因此您可以使用链接进行导航。

如果您仍然想使用button元素，则可以用const data = [ { moodSymbol: "?",count: 3 },{ moodSymbol: "?",count: 2 },... ]来包装它。您还可以将JavaScript代码与<form action="the_link_you_want_to_navigate" method="GET">事件监听器一起使用。

但是我认为最好的方法是使用click标签，并使用CSS属性使其看起来像一个按钮。