javascript - 使用任何其他方法代替 <a> 链接

Question

您好，我需要一种方法来对链接进行相同的使用。我的网站中有按钮。 (CSS 样式且只有彩色按钮)。我需要一种方法来在单击按钮时加载页面。 例如:当有人点击红色按钮时，应该加载说明页面。谁能建议我使用 js 或 jquery 函数来执行此操作。

谢谢!

Answer 1

试试这个 JS:

location.href = 'http://www.google.com/' //goes to www.google.com

因此，您的完整代码将如下所示:

var btn = document.getElementById('your_button_id');
btn.onclick = function() {
    location.href = 'http://www.google.com/' //insert your URL here
}

---

当然，您始终可以将按钮包装在 a 标记中:

<a href='http://www.google.com/'><button type='button'>Click Me</button></a>

这个方法:

• 对 SEO 和可访问性更友好
• 详细说明按钮的实际作用
• 激活某些浏览器对链接的行为，比如
  • 在状态栏中显示他们去了哪里
  • 特别突出显示
• 在禁用 JavaScript 的情况下工作

所以这通常是一个更好的主意。