HTML超链接tag的herf和onclick的执行顺序和使用技巧

在使用HTML的<a>标签如下HTML代码时,发现onclick的事件是herf迁移动作之前执行。

<a href="test.html" onclick="javascript:test();">Test</a>

 

由于onclick先于herf执行,所以可以利用这个执行顺序,实现页面迁移的控制,即满足一定条件的情况下才迁移页面。

把上面代码修改成如下代码。onclick中调用的判断方法必须返回true/false,同时必须用return把该判断方法的返回值

传给为onclick事件,这样当判断方法返回false时(即onclick="javascript:return false"), 则herf不执行,页面就

不进行迁移;若判断方法返回true,则herf执行,页面进行迁移。若onclick中的判断方法前不加return,则无法控制

herf的执行,无论判断方法返回true或false,herf都执行迁移页面。

<a href="test.html" onclick="javascript:return isCanTest();">Test</a>

 

posted @ 2013-08-23 13:11  Yak Wang  阅读(1032)  评论(0)    收藏  举报