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 26 Javascript
IE6浏览器下resize事件被执行了多次解决方法
Dec 11 Javascript
JS仿百度搜索自动提示框匹配查询功能
Nov 21 Javascript
javascript trim函数在IE下不能用的解决方法
Sep 12 Javascript
javascript实现禁止复制网页内容
Dec 16 Javascript
js实现浏览器窗口大小被改变时触发事件的方法
Feb 02 Javascript
jQuery实现多级下拉菜单jDropMenu的方法
Aug 28 Javascript
如何使用jquery easyui创建标签组件
Nov 18 Javascript
JavaScript的模块化开发框架Sea.js上手指南
May 12 Javascript
原生js实现手风琴功能(支持横纵向调用)
Jan 13 Javascript
jQuery HTML获取内容和属性操作实例分析
May 20 jQuery
JavaScript语法约定和程序调试原理解析
Nov 03 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 咖啡文化
session 的生命周期是多长
2006/10/09 PHP
用php制作简单分页(从数据库读取记录)的方法详解
2013/05/04 PHP
PHP封装的HttpClient类用法实例
2015/06/17 PHP
php如何计算两坐标点之间的距离
2018/12/29 PHP
PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)
2020/03/26 PHP
jquery Firefox3.5中操作select的问题
2009/07/10 Javascript
jQuery实现类似淘宝购物车全选状态示例
2013/06/26 Javascript
JavaScript判断变量是否为undefined的两种写法区别
2013/12/04 Javascript
jQuery获取当前对象标签名称的方法
2014/02/07 Javascript
js中this用法实例详解
2015/05/05 Javascript
JS区分浏览器页面是刷新还是关闭
2016/04/17 Javascript
node.js路径处理方法以及绝对路径详解
2021/03/04 Javascript
Node.js 异步异常的处理与domain模块解析
2017/05/10 Javascript
BootStrap实现文件上传并带有进度条效果
2017/09/11 Javascript
详解React-Native全球化多语言切换工具库react-native-i18n
2017/11/03 Javascript
nodejs 使用http进行post或get请求的实例(携带cookie)
2019/01/03 NodeJs
webpack file-loader和url-loader的区别
2019/01/15 Javascript
Vue跨域请求问题解决方案过程解析
2020/08/07 Javascript
python判断字符串是否纯数字的方法
2014/11/19 Python
Python命令行参数解析模块getopt使用实例
2015/04/13 Python
浅谈numpy库的常用基本操作方法
2018/01/09 Python
python设置值及NaN值处理方法
2018/07/03 Python
python 删除字符串中连续多个空格并保留一个的方法
2018/12/22 Python
python模块之subprocess模块级方法的使用
2019/03/26 Python
Html5 webview元素定位工具的实现
2020/08/07 HTML / CSS
ALEX AND ANI:手镯,项链,耳环和更多
2017/04/20 全球购物
环法自行车赛官方商店:Le Tour de France
2017/08/27 全球购物
Android面试宝典
2013/08/06 面试题
大学生怎样进行自我评价
2013/12/07 职场文书
护士实习鉴定范文
2013/12/22 职场文书
淘宝网店营销策划书
2014/01/11 职场文书
中学生差生评语
2014/01/30 职场文书
党的群众路线教育实践活动个人批评与自我批评
2014/10/16 职场文书
解除劳动合同通知书范本
2015/04/16 职场文书
学校财务管理制度
2015/08/04 职场文书