-2

最近我设计了一个页面，它有一个带有四个按钮的导航栏。用户在点击每个不同的按钮时被引导到不同的页面。对于我使用以下代码的按钮，

<button type="button" class="subheader-buttons" onclick="window.loation=document.location.href='PAGE 1'">Button 1</button>

我对所有四个按钮都使用了上面的代码。现在我想知道使用链接而不是按钮是否有利？链接从一页到另一页的速度是否比按钮快？

4

6 回答 6

2

我相信仅链接会快得多，因为您所做的是执行 javascript，而不仅仅是在 href 中链接它！

但这仍然是一个非常大的辩论！

我从 uxmovement.com 获取此信息

当我们查看网络时，链接数量超过了大多数网站上的按钮。这样做的原因是因为

  • 链接更容易创建
  • 链接简单且足够
  • 链接不会掩盖内容

然而，按钮则相反。

  • 按钮需要更多时间和精力来创建
  • 按钮可以有不同的尺寸、颜色和样式
  • 按钮有时会掩盖内容

您可以在此网站上获取更多信息：http: //getlevelten.com/blog/randall-knutson/design-decisions-buttons-vs-links-fight

于 2013-11-07T04:25:13.560 回答
2

你应该使用<a href="">over window.location.href，有几个很好的理由。

  • 首先，如果您禁用了 javascript，则所有链接都不起作用。
  • Google Bot 不解释 javascript，因此它们不会跟随您的任何链接。

有关更多信息：window.location.href 与单击锚点

于 2013-11-07T04:27:10.847 回答
1

使用标准 HTML 链接是执行此操作的常用方法。尽管这两种方法的速度大致相同。

从技术上讲，因为您在按钮上使用 JS，所以您的浏览器必须在将您发送到不同页面之前运行代码，因此可能需要多一点时间。

您可以在不使用 JS 的情况下将链接设为按钮：

<a href="your-page.html">
<button>Your Page</button>
</a>
于 2013-11-07T04:24:49.690 回答
1

一样的。<a href="link"><button></button></a>如果你愿意，你可以使用。但是，使用 javascript 链接到其他页面可能会有点慢，您可以使用网络检查

于 2013-11-07T04:24:55.733 回答
1

差异不会很大（甚至不会被人类注意到）。关于是否使用onclick或href.

于 2013-11-07T04:25:14.397 回答
1

我认为链接会更快。在这两种情况下，Web 服务器都将转到 href 指定的链接。然而，一个链接就是这样——一个重定向的调用。然而，据我所知，一个按钮会向网络服务器发送更多数据，并且还会有更多的东西对它做出反应——也就是更多的开销。因此，链接可能会更快。但是，它实际上只会产生边际效应，除非您的网站有大量流量，所以我认为这并不重要 - 您可能应该随心所欲地选择您喜欢的任何东西。

我还想指出，无论您使用的是链接还是按钮，我都不认为使用 javascript 导航到这样的页面可能是最好的主意。服务网页是网络服务器的工作，因此 javascript 调用可能不是最好的。使用您用于 Web 服务器的语言（如果不是，那么我建议您开始为您的网站使用后端），您应该能够轻松响应按钮单击/页面重定向。这样做的好处是它还允许根据需要在页面上完成任何额外的工作。

于 2013-11-07T04:27:19.910 回答