<a href="demo" onclick="return hello();" >点击</a>
hello()返回false即可阻止链接跳转。
但我用chrome看g+页面上的a标签并没有onclick属性,那么是怎么做的?点击链接,阻止跳转,用ajax来加载内容。
另外问一下,有没有什么技术让网页地址栏变化但内容看起来没有另外加载过? 例如github
<a href="javascript:void(0);" onclick="alert('xx'); return false;">http://www.youerw.com</a>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312" />
<title></title>
<style>
</style>
</head>
<body>
<a href="http://www.youerw.com" target="_blank">lefree跳转</a>
<a href="http://www.youerw.com" target="_blank" id="test">阻止默认事件</a>
<script>
document.getElementById('test').onclick = function(e){
e = e || window.event;
if (e.preventDefault) {
e.preventDefault();
} else {
e.returnValue = false;
}
}
</script>
</body>
</html> 第二个问题,url变了(除锚点),就相当与重新发送了请求,所以必定会重新加载的。
至于看似没加载过,是由于缓存的原因,感觉没重新加载。