javascriptvoid(0)含义以及与"#"的区别讲解


Posted in Javascript onJanuary 19, 2019

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

说明:

  • 1.javascript:void(0)这种伪协议,少写的好,如果你看过一些web标准的书就知道为什么了。(不懂,原话摘的,暂做记录)
  • 2.链接(href)直接使用javascript:void(0)在IE中可能会引起一些问题,比如:造成gif动画停止播放等,所以,最安全的办法还是使用“####”。为防止点击链接后跳转到页首,onclick事件return false即可。
  • 3.如果仅仅是想鼠标移过,变成手形,可以使用

<span style="cursor:pointer" onclick="foo()">Click Me!</span>  

推荐写法:javascript:;

为什么要使用href=”javascript:void(0);”

href=”javascript:void(0);”这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址,而void(0)表示一个空的方法,也就是不执行js函数。

javascript:是伪协议,表示url的内容通过javascript执行。

void(0)表示不作任何操作,这样会防止链接跳转到其他页面。这么做往往是为了保留链接的样式,但不让链接执行实际操作,

<a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="window.open()"> 点击链接后,页面不动,只打开链接

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="javascript:return false;"> 作用一样,但不同浏览器会有差异。

href=”#"的区别(谷歌浏览器)

<a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" >点击</a>点击链接后不会回到网页顶部

javascriptvoid(0)含义以及与&quot;#&quot;的区别讲解

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" >点击</a> 点击后会回到网面顶部,并会在地址栏的后面加个 #

javascriptvoid(0)含义以及与&quot;#&quot;的区别讲解

"#"其实是包含了位置信息,例如默认的锚点是#top 也就是网页的上端

而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首

而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0)

使用javascript的方法(下面的这些用法会报错)

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="javascript:方法;return false;">文字</a>

<a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="javascript:方法;return false;">文字</a>

补充 :<a href="javascript:fn();" rel="external nofollow" 这样点击a标签就可以执行fn()函数了。

若有不足请多多指教!希望给您带来帮助!

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。如果你想了解更多相关内容请查看下面相关链接

Javascript 相关文章推荐
JQuery分别取得每行最后一列和最后一行的示例代码
Aug 18 Javascript
简单的Jquery全选功能
Nov 07 Javascript
Jquery uploadify图片上传插件无法上传的解决方法
Dec 16 Javascript
禁止iframe页面的所有js脚本如alert及弹出窗口等
Sep 03 Javascript
原生Javascript封装的一个AJAX函数分享
Oct 11 Javascript
JavaScript中的原型prototype完全解析
May 10 Javascript
JavaScript判断数组重复内容的两种方法(推荐)
Jun 06 Javascript
jquery删除数组中重复元素
Dec 05 Javascript
基于JavaScript实现复选框的全选和取消全选
Feb 09 Javascript
Vue.js中组件中的slot实例详解
Jul 17 Javascript
对Vue beforeRouteEnter 的next执行时机详解
Aug 25 Javascript
vue项目首屏加载时间优化实战
Apr 23 Javascript
js实现延迟加载的几种方法详解
Jan 19 #Javascript
15分钟深入了解JS继承分类、原理与用法
Jan 19 #Javascript
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
Jan 19 #Javascript
js的各种数据类型判断的介绍
Jan 19 #Javascript
JavaScript实现与使用发布/订阅模式详解
Jan 19 #Javascript
Vuex中的State使用介绍
Jan 19 #Javascript
为什么要使用Vuex的介绍
Jan 19 #Javascript
You might like
PHP执行linux系统命令的常用函数使用说明
2010/04/27 PHP
解析PHP中intval()等int转换时的意外异常情况
2013/06/21 PHP
php字符串替换函数substr_replace()用法实例
2015/03/17 PHP
Javascript String对象扩展HTML编码和解码的方法
2009/06/02 Javascript
javascript模块化是什么及其优缺点介绍
2013/09/02 Javascript
js判断当页面无法回退时关闭网页否则就history.go(-1)
2014/08/07 Javascript
js+jquery实现图片裁剪功能
2015/01/02 Javascript
jQuery功能函数详解
2015/02/01 Javascript
javascript的BOM汇总
2015/07/16 Javascript
JavaSctit 利用FileReader和滤镜上传图片预览功能
2017/09/05 Javascript
微信上传视频文件提示(推荐)
2018/11/22 Javascript
JS实现将对象转化为数组的方法分析
2019/01/21 Javascript
JS根据json数组多个字段排序及json数组常用操作
2019/06/06 Javascript
浅谈ECMAScript 中的Array类型
2019/06/10 Javascript
js实现登录拖拽窗口
2020/02/10 Javascript
如何在JavaScript中创建具有多个空格的字符串?
2020/02/23 Javascript
[14:36]2014 DOTA2国际邀请赛中国区预选赛5.21 Orenda VS NE
2014/05/22 DOTA
[01:06]DOTA2亚洲邀请赛专属珍藏-荧煌之礼
2017/03/24 DOTA
介绍Python的Django框架中的QuerySets
2015/04/20 Python
Python 模拟登陆的两种实现方法
2017/08/10 Python
Python语言生成水仙花数代码示例
2017/12/18 Python
Python一个简单的通信程序(客户端 服务器)
2019/03/06 Python
python 扩展print打印文件路径和当前时间信息的实例代码
2019/10/11 Python
对python中list的五种查找方法说明
2020/07/13 Python
python如何用matplotlib创建三维图表
2021/01/26 Python
用html5的canvas和JavaScript创建一个绘图程序的简单实例
2016/07/06 HTML / CSS
美国最流行的男士时尚网站:Touch of Modern
2018/02/05 全球购物
尼克松手表官网:Nixon手表
2019/03/17 全球购物
巴塞罗那观光通票:Barcelona Pass
2019/10/30 全球购物
美术师范毕业生自荐信
2013/11/16 职场文书
小学语文教学反思
2014/02/10 职场文书
辩论赛主持词
2014/03/18 职场文书
行政专员岗位职责说明书
2014/09/01 职场文书
2014院党委领导班子及其成员群众路线对照检查材料思想汇报
2014/10/04 职场文书
升职感谢领导的话语及升职感谢信
2019/06/24 职场文书
导游词之南京中山陵
2019/11/27 职场文书