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>
通常的用法为：
复制代码 代码如下:
<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)用法及常见问题解析
- javascript:void(0)用法及常见问题分析
- javascript:void(0)的含义及用法实例
- 详解javascript void(0)
- javascript:void(0)点击登录没反应怎么解决
- js中javascript:void(0) 真正含义
- js中 javascript:void(0) 用法详解
- javascript:void(0)是什么意思示例介绍
- javascript:void(0)使用探讨
- javascript void(0)的妙用
- javascript:void(0) 的常见使用场景
相关文章
本篇内容是小编整理的关于脚本之家精选的JS正则的优秀文章，适合大家学习JS正则的相关内容，有需要的朋友参考下。2018-05-05
JavaScript有很多地方和我们熟知的C、Java等的编程习惯不同，这些不同会产生很多让人意想不到的事情。今天我们就来探讨下这些让人蛋疼的语法特性2014-09-09
JavaScript 基础基础，虽然基础但是很实用。2010-12-12
这篇文章主要介绍了javascript中的3种继承实现方法，包括使用Object.create实现类式继承、使用utilities工具包自带的util.inherites、使用extends关键字，非常的实用，希望对大家了解javascript继承能够有所帮助2016-01-01
这篇文章主要为大家介绍了Javascript基础之循环，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
这篇文章主要介绍了JavaScript的闭包机制,针对内嵌函数的变量访问等问题分析了JS的闭包,需要的朋友可以参考下2015-10-10
javascript确认框的三种使用方法，在开发中经常要用到，记录一下使用方法2013-12-12
Javascript中的Split使用方法与技巧...2007-03-03
JavaScript基础之Array forEach使用示例
这篇文章主要为大家介绍了JavaScript基础之Array forEach使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
这篇文章主要介绍了深入了解JavaScript中的Symbol的使用方法,本文针对ES6版本的JS进行讲解,需要的朋友可以参考下2015-07-07
最新评论