javascript:void(0)的作用示例介绍

 更新时间:2013年10月28日 11:40:39   作者:  
在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,我们可以使用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>

相关文章

  • javascript 的Document属性和方法集合

    javascript 的Document属性和方法集合

    JS的Document属性和方法,希望大家了解下,方便以后的开发应用。
    2010-01-01
  • window.location.href的用法(动态输出跳转)

    window.location.href的用法(动态输出跳转)

    无论在静态页面还是动态输出页面中window.location.href都是不错的用了跳转的实现方案
    2014-08-08
  • javascript内置对象arguments详解

    javascript内置对象arguments详解

    这篇文章主要介绍了javascript内置对象arguments,实例讲解arguments是什么怎么用,需要的朋友可以参考下
    2014-03-03
  • javaScript中

    javaScript中"=="和"==="的区别详解

    对于JavaScript中比较运算符,可能大家用的比较多的是“==”、对于“===”很多人可能很陌生。=== 表示恒等,首先比较两边的变量数据类型是否相等,其次比较两边的变量的数值是否相等;== 表示相等即仅仅比较两边变量的数值是否相等。
    2018-03-03
  • 详解JavaScript中的变量命名规范

    详解JavaScript中的变量命名规范

    程序员三大难题:变量命名、缓存失效、循环边界。这篇文章主要为大家介绍了JavaScript中的变量命名规范,感兴趣的小伙伴可以跟随小编一起学习一下
    2022-12-12
  • js中parseFloat(参数1,参数2)定义和用法及注意事项

    js中parseFloat(参数1,参数2)定义和用法及注意事项

    今天在看jquery时用到了parseFloat(第一个参数,10),对这两个参数很是疑惑,于是整理搜集了一下,晒出来与大家分享,希望本文对你有所帮助,感兴趣的朋友可以了解下
    2013-01-01
  • JavaScript字符集编码与解码详谈

    JavaScript字符集编码与解码详谈

    本文给大家详细讲解了JavaScript中的字符集,以及字符集的编码与解码的相关知识,非常的细致,有需要的小伙伴可以参考下
    2017-02-02
  • PHP守护进程实例

    PHP守护进程实例

    这篇文章主要介绍了PHP守护进程实例,php也是可以直接进行守护进程的启动与终止的,相对于shell来说会简单很多,需要的朋友可以参考下
    2015-03-03
  • Javascript学习笔记二 之 变量

    Javascript学习笔记二 之 变量

    上面描述了数据类型,学习完数据类型就不得不提到变量。
    2010-12-12
  • 浅析JS抽象工厂模式

    浅析JS抽象工厂模式

    本篇文章主要给大家总结了一下作者在学习JS抽象工厂模式时的经验和总结,有兴趣的朋友跟着学习下吧。
    2017-12-12

最新评论