javascript:void(0)的作用示例介绍
作者：
在做页面时，如果想做一个链接点击后不做任何事情，或者响应点击而完成其他事情，我们可以使用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>
通常的用法为：
复制代码 代码如下:
<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>
您可能感兴趣的文章:
- javascript:void(0)用法及常见问题分析
- javascript:void(0)的含义及用法实例
- 为何JS操作的href都是javascript:void(0);呢
- js中javascript:void(0) 真正含义
- js中 javascript:void(0) 用法详解
- javascript:void(0)的问题使用探讨
- javascript:void(0)是什么意思示例介绍
- javascript:void(0)使用探讨
- javascript:;与javascript:void(0)使用介绍
- 浅谈href=#与href=javascript:void(0)的区别
- javascript void(0)的妙用
- javascript:void(0)的真正含义实例分析
- javascript:void(0)用法及常见问题解析