javascript - 启用 JS 时使用 onclick 事件，未启用时导航到 URL

Question

Facebook 使用 Ajax 链接来更改部分页面，以缩短加载时间。但如果您禁用 JavaScript，它们的链接仍然有效。那是因为他们还定义了一个备份选项:经典的 <a href="http://url/" .

我如何自己实现它，以便在禁用 JS 时跟踪链接，并在启用 JS 时使用 onclick 事件？

Answer 1

在您的 onclick 中，您在末尾执行 return false; 以防止默认操作，在这种情况下实际上是导航到 URL，如下所示:

document.getElementById('linkId').onclick = function() {
  alert("This link would go to: " + this.href);
  return false;
};

或者，如果您使用的是 jQuery 和 event.preventDefault() 之类的东西:

$("a").click(function(e) {
  alert("This link would go to: " + this.href);
  return false; //or e.preventDefault();
});