关闭

javascript:,javascript:void(0)的作用和含义

来源:网络 文章列表 2019-04-23 8
javascript:void(0)和javascript:的作用和用法介绍。

经常写js或者有写过js的童鞋,肯定见过<a href="javascript:">web教程网</a>或者<a href="javascript:void(0)">web教程网</a>这种写法。

javascript:是一种伪协议。他的作用可以有如下2点:

1、javascript:是表示在触发<a>默认动作时,执行一段JavaScript代码,而 javascript:; 表示什么都不执行,这样点击<a>时就没有任何反应。

2、href="javascript:" 主要作用让它有超链接样式的作用 ,看起来像个按钮(如:想鼠标移过,变成手形),有操作不是文本。一般都是页面切图布局的时候用的a标签代替了button。因为IE6,7的年代兼容性一直让人头痛。

 

javascript:void(0)又是什么意思呢?

void是javascript的运算符,意思是:只执行表达式,但没有返回值。

语法为:

javascript:void (expression)

我们可以使用void操作符指定超级链接,如javascript:void(document.form.submit())。表达式会被计算但是不会在当前文档处装入任何内容,void(0)计算为0,但在JavaScript上没有任何效果,也就是说 <a href="javascript:void(0)">的效果同<a href="javascript:void(1)">的效果是一样的。 关键是只要知道void是javascipt自身的操作符,它表示的是只执行表达式,但没有返回值!

void(0)就是什么都不做的意思。

不管javascript:;还是javascript:void(0)都是为了阻止a标签的默认行为,既页面跳转动作。

我们也可以<a href="#" onclick="javascript:return false;">这样写, 作用同上,不同浏览器会有差异。

但是如果用onclick的话,则多些了好多字符,用javascript:;是最简单的。

除此2种之外,还可以用

<a href="#">这种形式,#是锚点。可以在本页面跳转到页面的不同位置。#bottom,跳转本页面ID为bottom的位置。如果只写一个#,这样你的页面会有滚动,出现页面滚动到头部的效果,不是友好。

更推荐的写法是<a href="##">或者<a href="####">这种形式。

 

腾讯云限量秒杀

1核2G 5M 50元/年 2核4G 8M 74元/年 4核8G 5M 818元/年 CDN流量包 100GB 9元

版权声明

本站部分原创文章,部分文章整理自网络。如有转载的文章侵犯了您的版权,请联系站长删除处理。如果您有优质文章,欢迎发稿给我们!联系站长:
愿本站的内容能为您的学习、工作带来绵薄之力。

评论

  • 随机获取
点击刷新
精彩评论