启用JS时使用onclick事件,当URL不可用时导航到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();
});