html标记<a/>属性href, onclick执行顺序与失效问题解决

html标记<a/>属性href, onclick执行顺序与失效问题解决  

2011-09-15 20:00:07|  分类： Javascript|字号 订阅

<a href='http://blog.163.com/yuxiangtong0524@126/blog/#' onclick="location='aa.html';">aaa</a>

<a href='http://blog.163.com/yuxiangtong0524@126/blog/#' onclick="location='aa.html'; return false;">bbb</a>

 

在点击第一个超链接时,页面会显示没有转向到aa.html.

因为这是个执行顺序的问题。<a>这个标签的执行顺序应该是先执行onclick的脚本，最后才进行href参数指定页面的跳转。在onclick中返回false，就可以中止<a>标签的工作流程，也就是不让页面跳转到href参数指定的页面。