href="javascript:void(0);" considered harmful

href="file:///C:/DOCUME~1/User/LOCALS~1/Temp/msohtml1/01/clip_filelist.xml" rel="File-List" /> href="file:///C:/DOCUME~1/User/LOCALS~1/Temp/msohtml1/01/clip_editdata.mso" rel="Edit-Time-Data" />

有时候使用<a>标记仅仅是用来挂载click事件,我们常常这样写:

  • <a href="javascript:void(0);" οnclick="doSomething();">click</a>
  • <a href="javascript:void 0;" οnclick="doSomething();">click</a>
  • <a href="javascript:;" οnclick="doSomething();">click</a>
  • <a href="javascript:void doSomething();">click</a>

这些写法利用javascript“协议void运算符来告诉浏览器这个链接哪里都不去,从而取消<a>作为超级链接的作用。不过会带来一些问题,尤其是用于打开popup windows时:

  • 不能使用右键菜单中的open in new window
  • 不能把链接地址加入收藏夹
  • 状态栏会显示出最终用户搞不懂的代码,他们会认为出错了
  • 一旦脚本下载不完整或浏览器仅用了JavaScript,网页会非常sb

更为严重的是,在IE中会导致一些你永远也猜不出原因的古怪问题。例如IE6中,用这种方法挂载的事件处理函数中改变imgsrc属性,浏览器不会显示图片,必须在右键菜单中点show picture才能显示

XHTML:

<a href="#" οnclick="aFunction();return false;">

A Link

</a>

The return false (that must appear after the last function call) informs the browser that the action of returning a reference to a URL, should not evaluate. Instead it should return false, including internal links, and therefore it does nothing.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值