Question

我有一个div页脚，我想在其中放置各种社交媒体网站的链接。目前我有：

<div id="footer">
    <button type="button"
       onclick="href='window.location.https://www.facebook.com'">
       <img class="socimage" src="Facebook_icon.jpg"/></button>
</div>

我正在使用常规按钮标签，因为这是我能想到的最简单的方法，也可以添加图像并将其设置为css。问题是链接不起作用。我确信风格明智有一种更好的方式，也许使用表格但我在html上有点生疏。另外正如我所说，我想要多个按钮，所以如果我应该使用form标签，我不希望该标签内的链接

Answer 1

我正在使用常规按钮标签，因为这是我能想到的最简单方法，也可以添加图像并将其设置为css。

不是。最简单的方法是使用常规链接：

<a href="https://www.facebook.com"><img class="socimage" src="Facebook_icon.jpg"></a>

问题是链接不起作用

您的JavaScript是一个很大的语法错误。如果您想使用JS重定向浏览器，那么您需要将分配给location：

location = "https://www.facebook.com/";

Answer 2

你使用它错了 - 正确的方法是：

<button type="button" onclick="location = 'https://www.facebook.com'"><img class="socimage" src="Facebook_icon.jpg"/></button>

但是，最好只使用<a>标记，就像这样：

<a href="https://facebook.com"><img class="socimage" src="Facebook_icon.jpg"></a>

Answer 3

最佳解决方案是使用a代码，而不是button

<div id="footer">
  <a href="https://www.facebook.com/"><img class="socimage" src="Facebook_icon.jpg" /></a>
</div>

如果由于某种原因需要保留按钮实现，则onclick代码中会出错。它应该是：

onclick='location.href="https://www.facebook.com/"'

div标签中的按钮

3 个答案: