博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
a href=javascript:void(0) 用法
阅读量:4120 次
发布时间:2019-05-25

本文共 949 字,大约阅读时间需要 3 分钟。

Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。

void 操作符用法格式如下:
1. javascript:void (expression)
2. javascript:void expression
expression 是一个要计算的 Javascript 标准的表达式。表达式外侧的圆括号是可选的,但是写上去是一个好习惯。 (实现版本   Navigator 3.0   )
你以使用 void 操作符指定超级链接。表达式会被计算但是不会当前文档处装入任何内容。

当用户点击链接时,void(0) 计算为 0,但在 JavaScript 上没有任何效果。
下面的代码创建一个超链接,当用户点击时,什么也不会发生
<a href="javascript:void(0)">单击此处什么也不会发生</a>
也就是说,要执行某些处理,但是不整体刷新页面的情况下,可以使用void(0),但是在需要对页面进行refresh的情况下,那就要仔细了。
下面的代码创建了一个超级链接,用户单时会提交表单。
<A HREF="javascript:void(document.form.submit())">
单此处提交表单</A>
使用javascript的时候,通常我们会通过类似:
<a href="#" οnclick="javascript:方法">提交</a>
的方式,通过一个伪链接来调用javascript方法.这种方法有一个问题是:
虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,解决的办法是返回一个false.这样就会组织超链接的默认行为了
如下所示:
<a href="#" οnclick="javascript:方法;return false;">提交</a>
其他的解决方法:
####
javascript:void(0)
#this
这样点击时都不会向上跳了。
#包含了一个位置信息
默认的锚是#top 也就是网页的上端
而javascript:void(0)   仅仅表示一个死链接
这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首
而javascript:void(0) 则不是如此
所以调用脚本的时候最好用void(0)

转载地址:http://snspi.baihongyu.com/

你可能感兴趣的文章
tp5封装通用的修改某列值
查看>>
laravel控制器与模型名称不统一
查看>>
vue登录拦截
查看>>
npm配置淘宝镜像仓库以及electron镜像
查看>>
linux设置开机自启动脚本的最佳方式
查看>>
VUE SPA 单页面应用 微信oauth网页授权
查看>>
phpstorm 集成 xdebug 进行调试
查看>>
npm和node升级的正确方式
查看>>
laravel事务
查看>>
springcloud 连续请求 500
查看>>
vue复用新增和编辑表单
查看>>
Ubuntu 16.04 apt-get更换为国内阿里云源
查看>>
laravel部署到宝塔步骤
查看>>
小程序获取access_token
查看>>
navicat远程连接mysql数据库
查看>>
tp5令牌数据无效 解决方法
查看>>
自己的网站与UCenter整合(大致流程)
查看>>
laravel 制作通用的curd 后台操作
查看>>
【小红书2017年笔试】求一个数组中平均数最大的子数组
查看>>
Linux基础系列-定时器与时间管理
查看>>