javascript - 为什么这个链接指向谷歌而不是雅虎？

Question

<a onclick="dataBounce('http://yahoo.com');" href="http://google.com">Yahoo? :-/</a>

<script>
function dataBounce(dest) 
{
  // Note: dest is assumed to be encodeURI()ed. 
  var ie = !-[1,];

  var bouncer = 'data:text/html;charset=utf-8,%3C%21doctype%20html%3E%3Cscript%3Ewindow.location%20%3D%20%27'+ dest +'%27%3B%3C/script%3E';
  console.log('bouncer: ' + bouncer);
  window.location = !ie ? bouncer : dest;
  return false;
}
</script>

是的，href 是指向 google 的，但是我有一个 onclick 处理程序劫持了对链接的点击，导航到一个反弹 的数据 URI window 的 location 到 yahoo。 但是，当我点击链接时，我仍然被带到谷歌。 为什么？

我为什么要这样做？这部分只是一个实验，部分是我想在实践中用来保护用户隐私的东西:通过创建一个中间弹跳页面，引荐来源网址不受目标服务器的影响。

这是链接:

http://jsbin.com/efaful/1

Answer 1

因为您需要在 onclick 中执行任何操作后返回 false 以防止链接的默认行为。

<a href="http://google.com" onclick="dataBounce('http://yahoo.com'); return false;" />link</a>

或者让您的 dataBounce 函数返回 false 并且:

<a href="http://google.com" onclick="return dataBounce('http://yahoo.com');" />link</a>