<a href="#" onclick=""> 不能不知道的技巧

在一个超链接中 可以使用href 和onlick,有时要在A的标记同时使用,在同时使用时,有时让href起作用或者失效,那么如何设计呢?

使用javascript的时候,通常我们会通过类似:
<a href="#" onclick="javascript:方法">提交</a>
的方式,通过一个伪链接来调用javascript方法.

这种方法有一个问题是:
虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,解决的办法是返回一个false.
如下所示:


<a href="#" onclick="javascript:方法;return false;">提交</a>

有时恰好要利用锚记功能,再比如 给Micolog博客加简单的回复功能所使用的代码

<a href="#commentarea" onclick="return backcomment('{{comment.author}}');">回复</a>

//回复自动输入姓名函数
function backcomment(msg){
backdb=document.getElementById('comment');
backdb.value="@"+msg;
return true;
}

给Micolog博客加一个简单的评论回复功能下一篇将详细介绍

本文永久链接  http://www.houkai.com/2009/07/23/href-onlick.html
转载注明来自  HOUKAI.COM 分享家:Addthis中国

用css控制链接打开新窗口»

«习惯用picasa外链图片的博客还是转到天涯相册吧




最新文章

本文共有8评论

  1. 不知道啥时候micolog可以实现类似于WordPress的留言……期待中

  2. @TaoGOGO 我也在考虑 慢慢来吧

  3. 嘿嘿,还是WP好用啊~!~支持一下mic

  4. @蓝冰 wp程序当然不错 不过 我看重的是GAE的免费和速度 还有本人喜欢折腾程序 :-)

  5. 恩 总结的不错啊 都是小细节的问题但都很实用啊

  6. @Eagle
    小技巧了 收藏以备用 欢迎在此光临

  7. 噢噢噢噢 2010-03-06 at 10:29 回复

    此问题烦了我两天,终于得解,谢谢

  8. 真不错,在客户端直接调用,速度肯定快!,谢谢

 

现在评论本文

4+5