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 cookie实现的简单换肤功能适合小网站
Aug 25 Javascript
jquery.post用法示例代码
Jan 03 Javascript
一个通过script自定义属性传递配置参数的方法
Sep 15 Javascript
ECMAScript6中Set/WeakSet详解
Jun 12 Javascript
jQuery动画效果实现图片无缝连续滚动
Jan 12 Javascript
浅谈js键盘事件全面控制
Dec 01 Javascript
关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)
Sep 04 Javascript
PM2自动部署代码步骤流程总结
Dec 10 Javascript
JS块级作用域和私有变量实例分析
May 11 Javascript
基于Vue el-autocomplete 实现类似百度搜索框功能
Oct 25 Javascript
ES6实现图片切换特效代码
Jan 14 Javascript
构建一个JavaScript插件系统
Oct 20 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
咖啡与水的关系
2021/03/03 冲泡冲煮
解决了Ajax、MySQL 和 Zend Framework 的乱码问题
2009/03/03 PHP
建站常用13种PHP开源CMS比较
2009/08/23 PHP
codeigniter自带数据库类使用方法说明
2014/03/25 PHP
ThinkPHP公共配置文件与各自项目中配置文件组合的方法
2014/11/24 PHP
php 删除指定文件夹的实例讲解
2017/07/25 PHP
收集的网上用的ajax之chat.js文件
2007/04/08 Javascript
jQuery学习总结之元素的相对定位和选择器(持续更新)
2011/04/26 Javascript
推荐20家国外的脚本下载网站
2011/04/28 Javascript
jquery操作select option 的代码小结
2011/06/21 Javascript
jquery 插件学习(一)
2012/08/06 Javascript
在JS数组特定索引处指定位置插入元素
2014/07/27 Javascript
怎么通过onclick事件获取js函数返回值(代码少)
2015/07/28 Javascript
JS递归遍历对象获得Value值方法技巧
2016/06/14 Javascript
Angular 理解module和injector,即依赖注入
2016/09/07 Javascript
JavaScript每天必学之事件
2016/09/18 Javascript
JavaScript实现经典排序算法之插入排序
2016/12/28 Javascript
nodejs搭建本地http服务器教程
2017/03/13 NodeJs
详解使用Node.js 将txt文件转为Excel文件
2017/07/05 Javascript
echarts学习笔记之图表自适应问题详解
2017/11/22 Javascript
微信小程序登录session的使用
2019/03/17 Javascript
JavaScript中工厂函数与构造函数示例详解
2019/05/06 Javascript
PyQt5每天必学之关闭窗口
2018/04/19 Python
浅谈pytorch和Numpy的区别以及相互转换方法
2018/07/26 Python
Python装饰器用法实例分析
2019/01/14 Python
解决Django生产环境无法加载静态文件问题的解决
2019/04/23 Python
详解pandas数据合并与重塑(pd.concat篇)
2019/07/09 Python
Django怎么在admin后台注册数据库表
2020/11/14 Python
提供世界各地便宜的机票:Sky-tours
2016/07/21 全球购物
美国知名的旅游网站:OneTravel
2018/10/09 全球购物
eBay英国购物网站:eBay.co.uk
2019/06/19 全球购物
捷克家具销售网站:SCONTO Nábytek
2020/01/02 全球购物
信息管理员岗位职责
2013/12/01 职场文书
3分钟演讲稿
2014/04/30 职场文书
工伤事故赔偿协议书(标准)
2014/09/29 职场文书
WCG2010 星际争霸决赛 Flash vs Goojila 1 星际经典比赛回顾
2022/04/01 星际争霸