打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
javascript:void(0)的作用示例介绍
  在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶端,或者是跳到设置的锚点的地方,用户体验不好。

通常的用法为:
代码如下:

<a href="javascript:void(0)">单击此处看看效果</a>

实际上单击此处什么也不会发生,其中的javascript:void(0);形式是一个javascript的伪协议,是表示此链接不跳转到任何的地方。

用到javascript:void(0)的情况主要形式有以下几种:
代码如下:

//点击链接后不做任何事情
<a href="javascript:void(0);" >test</a>
<a href="javascript:;" >test</a>
<a href="####" >test</a> //使用2个到4个#,见的大多是"####",也有使用"#all"等其他的

代码如下:

//点击链接后,响应用户自定义的点击事件
<a href="javascript:void(0)" onclick="doSomething()">test</a> 
    本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
    打开APP,阅读全文并永久保存 查看更多类似文章
    猜你喜欢
    类似文章
    【热】打开小程序,算一算2024你的财运
    javascript:void(0)的问题
    有关HTMl中a标签跳转到顶部的解决办法
    window.confirm和window.location.href的用法实例
    href=“#”的误区与作用
    IE6下<a href="#">与<a href="javascript:void(0);">的区别
    js中 javascript:void(0) 用法详解
    更多类似文章 >>
    生活服务
    热点新闻
    分享 收藏 导长图 关注 下载文章
    绑定账号成功
    后续可登录账号畅享VIP特权!
    如果VIP功能使用有故障,
    可点击这里联系客服!

    联系客服