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 相关文章推荐
JavaScript执行顺序详细介绍
Dec 04 Javascript
javascript委托(Delegate)blur和focus用法实例分析
May 26 Javascript
ExtJs动态生成treepanel的Json格式
Jul 19 Javascript
js带点自动图片轮播幻灯片特效代码分享
Sep 07 Javascript
原生JS实现圣旨卷轴展开效果
Mar 06 Javascript
详解Vue组件之间的数据通信实例
Jun 17 Javascript
基于jQuery实现定位导航位置效果
Nov 15 jQuery
使用vue实现grid-layout功能实例代码
Jan 05 Javascript
JavaScript捕捉事件和阻止冒泡事件实例分析
Aug 03 Javascript
详解如何使用nvm管理Node.js多版本
May 06 Javascript
vue如何使用外部特殊字体的操作
Jul 30 Javascript
JavaScript实现单点登录的示例
Sep 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图片等比例缩放生成缩略图函数分享
2014/06/10 PHP
yii实现创建验证码实例解析
2014/07/31 PHP
PHP+jQuery 注册模块开发详解
2014/10/14 PHP
ThinkPHP5与单元测试PHPUnit使用详解
2020/02/23 PHP
Jquery同辈元素选中/未选中效果的实例代码
2013/08/01 Javascript
使用JavaScript开发IE浏览器本地插件实例
2015/02/18 Javascript
利用Jquery实现几款漂亮实用的时间轴(附示例代码)
2017/02/15 Javascript
基于JavaScript实现的插入排序算法分析
2017/04/14 Javascript
Echarts基本用法_动力节点Java学院整理
2017/08/11 Javascript
vuex 使用文档小结篇
2018/01/11 Javascript
详解js跨域请求的两种方式,支持post请求
2018/05/05 Javascript
vue 配置多页面应用的示例代码
2018/10/22 Javascript
使用NestJS开发Node.js应用的方法
2018/12/03 Javascript
vue v-for循环重复数据无法添加问题解决方法【加track-by='索引'】
2019/03/15 Javascript
vue插槽slot的理解和使用方法
2019/04/03 Javascript
Layui实现数据表格默认全部显示(不要分页)
2019/10/26 Javascript
js实现计时器秒表功能
2019/12/16 Javascript
python处理图片之PIL模块简单使用方法
2015/05/11 Python
Python基于pygame实现的font游戏字体(附源码)
2015/11/11 Python
python itchat实现微信好友头像拼接图的示例代码
2017/08/14 Python
Python cookbook(数据结构与算法)将多个映射合并为单个映射的方法
2018/04/19 Python
Django rest framework工具包简单用法示例
2018/07/20 Python
Python 中的 global 标识对变量作用域的影响
2019/08/12 Python
python实现经纬度采样的示例代码
2020/12/10 Python
金山毒霸系列的笔试题
2013/04/13 面试题
缴纳养老保险的证明
2014/01/10 职场文书
优秀团员自我评价范文
2014/04/23 职场文书
法院先进个人事迹材料
2014/05/04 职场文书
乡镇综治宣传月活动总结
2014/07/02 职场文书
2014乡镇机关党员个人对照检查材料思想汇报
2014/10/09 职场文书
爱心捐书倡议书
2015/04/27 职场文书
歌咏比赛主持词
2015/06/29 职场文书
钓鱼岛事件感想
2015/08/11 职场文书
会计专业2019暑假实习报告
2019/06/21 职场文书
在CSS中映射鼠标位置并实现通过鼠标移动控制页面元素效果(实例代码)
2021/04/22 HTML / CSS
vue如何批量引入组件、注册和使用详解
2021/05/12 Vue.js