前端学堂(好切网)-Web前端开发,网页切图教程分享平台
前端学堂(好切网),PS网页切图,专业WEB前端外包网站
您的位置:首页 > 前端学堂 > JavaScript

a标签中href属性的javascript:void(0);是什么意思?

2017-04-05 16:03:23分类:JavaScript阅读(174)

在网页中,我们经常能看到javascript:;和javascript:void(0) ;这样的代码,那么在网页文件中, javascript:void(0);代表的是什么意思呢?

javascript:;和javascript:void(0) ;最常见的应用:让a链接失效。用法:

<a href="javascript:void(0);">点击不会有任何反应</a>

javascript:是一个伪协议,其他的伪协议还有 mail: tel: file: 等等。

javascript:是表示在触发<a>默认动作时,执行一段JavaScript代码,而 javascript:void(0);要去执行一次表达式“0”,然后返回undefined,这样点击<a>时就没有任何反应。

同样道理:

<a href="javascript:;">点击不会有任何反应</a>

javascript:;表示什么都不执行,点击<a>同样没有任何反应,作用和javascript:void(0);是一样的。

简单的说,javascript:void(0);和javascript:;的作用就是让这个a标签点击链接失去作用。

javascript:void(0) 中最关键的是 void 关键字, void 是 JavaScript 中非常重要的关键字,该操作符指定要计算一个表达式但是不返回值。

href="#"与href="javascript:void(0);"/href="javascript:;"又有什么区别?

网页中的空链接,我们一般习惯写成:href="#"。

但是href="#"点击后会有跳转到顶部的效果,而javascript:void(0);与javascript:;点击后则没反应(不跳转)。

原文链接:http://www.hqhtml.com/javascript/31.html,出自好切网(前端学堂),转载请注明出处。
标签:js技巧
相关阅读 ~
推荐文章

© 2016 好切网(hqhtml.com) 长春诺阳科技有限公司(网页前端切图) 版权所有 吉ICP备15007500号