javascript:void(0)的作用示例介绍
2013-10-28 00:00
756 查看
在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶端,或者是跳到设置的锚点的地方,用户体验不好。
通常的用法为:
实际上单击此处什么也不会发生,其中的javascript:void(0);形式是一个javascript的伪协议,是表示此链接不跳转到任何的地方。
用到javascript:void(0)的情况主要形式有以下几种:
通常的用法为:
<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>
相关文章推荐
- js实现点小图看大图效果的思路及示例代码
- js自动生成对象的属性示例代码
- JS截取字符串常用方法详细整理
- JS 如何获取radio选中后的值及不选择取radio的值
- javascript抖动元素的小例子
- js之事件冒泡和事件捕获详细介绍
- js中的replace方法使用介绍
- 使用js的replace()方法查找字符示例代码
- JS 页面计时器示例代码
- Javascript实现页面跳转的几种方式分享
- java response对象返回js代码
- js 客户端与服务器端的通信
- Visual Studio 2013中因SignalR的Browser Link引起的Javascript错误一则
- JS简单实现一键回顶功能
- js isArray
- JavaScript变量声明提前
- 读《JavaScript.The.Good.Parts》的一些笔记
- JavaScript跨域总结与解决办法
- js闭包的用途
- An introduction to JSON