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实现的WEB页面跳转以及页面间传值方法
May 13 Javascript
让table变成exls的示例代码
Mar 24 Javascript
js获取form的方法
May 06 Javascript
JSON字符串转JSON对象
Jul 31 Javascript
jQuery调用Webservice传递json数组的方法
Aug 06 Javascript
Vue.js 父子组件通讯开发实例
Sep 06 Javascript
js利用clipboardData实现截屏粘贴功能
Oct 12 Javascript
JQuery EasyUI 结合ztrIee的后台页面开发实例
Sep 01 jQuery
详解Vue组件之作用域插槽
Nov 22 Javascript
Node.js如何对SQLite的async/await封装详解
Feb 14 Javascript
countup.js实现数字动态叠加效果
Oct 17 Javascript
在antd Form表单中select设置初始值操作
Nov 02 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命名空间(namespace)的动态访问及使用技巧
2014/08/18 PHP
完整删除ecshop中获取店铺信息的API
2014/12/24 PHP
php中实现字符串翻转的方法
2017/02/22 PHP
laravel实现上传图片并在页面显示的例子
2019/10/14 PHP
PHP实现简单的计算器
2020/08/28 PHP
简单三步,搞掂内存泄漏
2007/03/10 Javascript
新浪中用来显示flash的函数
2007/04/02 Javascript
Add Formatted Text to a Word Document
2007/06/15 Javascript
javascript 获取表单file全路径
2009/12/31 Javascript
说明你的Javascript技术很烂的五个原因
2011/04/26 Javascript
jQuery实现菜单感应鼠标滑动动画效果的方法
2015/02/28 Javascript
js利用正则表达式检验输入内容是否为网址
2016/07/05 Javascript
JS 动态加载js文件和css文件 同步/异步的两种简单方式
2016/09/23 Javascript
全屏滚动插件fullPage.js使用实例解析
2016/10/21 Javascript
Nodejs下用submit提交表单提示cannot post错误的解决方法
2016/11/21 NodeJs
jquery实现图片列表鼠标移入微动
2016/12/01 Javascript
JS简单验证上传文件类型的方法
2017/04/17 Javascript
Vuejs实现购物车功能
2017/11/05 Javascript
原生JS实现的雪花飘落动画效果
2018/05/03 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
2018/06/04 Javascript
vue将毫秒数转化为正常日期格式的实例
2018/09/16 Javascript
微信小程序登录态和检验注册过没的app.js写法
2019/05/22 Javascript
Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)
2019/12/04 Javascript
[06:53]2018DOTA2国际邀请赛寻真——勇于创新的Vici Gaming
2018/08/14 DOTA
使用Python的Twisted框架编写简单的网络客户端
2015/04/16 Python
进一步探究Python中的正则表达式
2015/04/28 Python
python 正确保留多位小数的实例
2018/07/16 Python
Python使用type关键字创建类步骤详解
2019/07/23 Python
matplotlib阶梯图的实现(step())
2021/03/02 Python
德国机车企业:FC-Moto
2017/10/27 全球购物
阿根廷旅游网站:almundo阿根廷
2018/02/12 全球购物
Nike加拿大官网:Nike.com (CA)
2019/04/09 全球购物
父亲去世追悼词
2015/06/23 职场文书
合理化建议书范文
2015/09/14 职场文书
css3属性选择器 “~”(波浪号) “,”(逗号) “+”(加号)和 “>”(大于号)
2022/04/19 HTML / CSS
HttpClient实现文件上传功能
2022/08/14 Java/Android