热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

javascript:void(0)的作用示例介绍_基础知识

在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,我们可以使用javascript:void(0),下面是具体的使用方法,感兴趣的朋友可以参考下
在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶端,或者是跳到设置的锚点的地方,用户体验不好。

通常的用法为:

代码如下:


单击此处看看效果


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

用到Javascript:void(0)的情况主要形式有以下几种:

代码如下:


//点击链接后不做任何事情
test
test
test //使用2个到4个#,见的大多是"####",也有使用"#all"等其他的


代码如下:


//点击链接后,响应用户自定义的点击事件
test

推荐阅读
author-avatar
漂泊盼安定
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有