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 相关文章推荐
JS 图片缩放效果代码
Jun 09 Javascript
jquery中选择块并改变属性值的方法
Jul 31 Javascript
jquery实现的网页自动播放声音
Apr 30 Javascript
angular.foreach 循环方法使用指南
Jan 06 Javascript
JavaScript获取并更改input标签name属性的方法
Jul 02 Javascript
原生js三级联动的简单实现代码
Jun 07 Javascript
浅析JavaScript函数的调用模式
Aug 10 Javascript
微信小程序 蓝牙的实现实例代码
Jun 27 Javascript
详解vue组件通信的三种方式
Jun 30 Javascript
laravel5.4+vue+element简单搭建的示例代码
Aug 29 Javascript
vue 属性拦截实现双向绑定的实例代码
Oct 24 Javascript
原生JS实现烟花效果
Mar 10 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中函数rand和mt_rand的区别比较
2012/12/26 PHP
php用正则表达式匹配URL的简单方法
2013/11/12 PHP
ThinkPHP应用模式扩展详解
2014/07/16 PHP
php 伪造ip以及url来路信息方法汇总
2014/11/25 PHP
linux平台编译安装PHP7并安装Redis扩展与Swoole扩展实例教程
2016/09/30 PHP
PHP异步进程助手async-helper
2018/02/05 PHP
PHP ADODB实现分页功能简单示例
2018/05/25 PHP
PHP小程序支付功能完整版【基于thinkPHP】
2019/03/26 PHP
浅谈PHP array_search 和 in_array 函数效率问题
2019/10/15 PHP
php多进程并发编程防止出现僵尸进程的方法分析
2020/02/28 PHP
如何在PHP中生成随机数
2020/06/04 PHP
Javascript图像处理思路及实现代码
2012/12/25 Javascript
Jquery实现纵向横向菜单
2016/01/24 Javascript
js获取所有checkbox的值的简单实例
2016/05/30 Javascript
jQuery实现鼠标经过像翻页和描点链接效果
2016/08/08 Javascript
AngularJS中directive指令使用之事件绑定与指令交互用法示例
2016/11/22 Javascript
浅析Ajax语法
2016/12/05 Javascript
node.js报错:Cannot find module 'ejs'的解决办法
2016/12/14 Javascript
详解vue之页面缓存问题(基于2.0)
2017/01/10 Javascript
VUE元素的隐藏和显示(v-show指令)
2017/06/23 Javascript
详解Vue微信公众号开发踩坑全记录
2017/08/21 Javascript
vue项目中引入vue-datepicker插件的详解
2019/05/14 Javascript
javascript实现摄像头拍照预览
2019/09/30 Javascript
小程序接口的promise化的实现方法
2019/12/11 Javascript
vue 二维码长按保存和复制内容操作
2020/09/22 Javascript
[01:20:06]TNC vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
windows下Virtualenvwrapper安装教程
2017/12/13 Python
Python实现输出某区间范围内全部素数的方法
2018/05/02 Python
python下载的库包存放路径
2020/07/27 Python
Python 找出英文单词列表(list)中最长单词链
2020/12/14 Python
银行实习鉴定
2013/12/13 职场文书
新年晚会开场白
2015/05/29 职场文书
利用Pycharm连接服务器的全过程记录
2021/07/01 Python
python开发飞机大战游戏
2021/07/15 Python
Sql Server 行数据的某列值想作为字段列显示的方法
2022/04/20 SQL Server
html中相对位置与绝对位置的具体使用
2022/05/15 HTML / CSS