教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 javascript:void(0);用法解析

javascript:void(0);用法解析

发布时间:2015-03-20   编辑:jiaochengji.com
本文介绍下,javascript编程中,有关javascript:void(0);的用法,感兴趣的朋友可以参考下。

本节内容:
javascript:void(0);用法

希望用户点击 <a> 元素时阻止它的默认行为。
此时可以用很多不同的方法来处理。

例如:
 

复制代码 代码示例:
<a href="#">Click Me</a> 
<a href="#" onclick="return false">Click Me</a> 
<a href="javascript:void(0);">Click Me</a> 
<a href="javascript:void 0;">Click Me</a> 
<a href="javascript:;">Click Me</a> 
<a href="javascript:">Click Me</a>

代码说明:
第一种方法最简单,但是它会导致点击时页面滚动到页首。
因此第二种方法利用 return false 语句阻止默认行为的执行。

后面几种方法利用 javascript: URI 来达到页面不跳转的效果:
按照规定,只要 javascript 代码执行的结果不为 undefined,则页面不跳转。

因此第三、四种方法利用了 void 操作符的返回值是 undefined 的特点,而最后两种方法直接利用空语句的返回值为 undefined的原理。

但是后面四种方法在 IE 中使用可能会有副作用:
在 IE 中点击该链接会触发 window.onbeforeunload 事件(即使 IE9 也是这样的)。

因此,如果你绑定了这个事件的处理程序,需要考虑这个问题。

第二种,给onclick添加return false。

添加第七种写法:
<a href="###">Click Me</a> 
这种写法不会像第一种写法那样,跳转到页面的顶部。

您可能感兴趣的文章:
给jQuery方法添加回调函数一款插件的应用
javascript:void(0);用法解析
Javascript中的void(0)和#学习
IE6 a标签点击切换图片的问题分析
jQuery实现点击文本框弹出热门标签的提示效果
基于jQuery的日期选择控件
ie6中form.submit()不能正常提交的解决方法
jQuery 学习第五课 Ajax 使用说明
javascript改变onclick调用函数的实例分析
Jquery图片放大镜效果的实现思路与代码

[关闭]
~ ~