javas:;与javas:void(0)的理解

本文介绍了JavaScript中void操作符的用途,特别是在HTML链接中的应用,如何防止页面滚动以及如何在点击链接时触发自定义事件。通过void(0)可以创建一个无操作的链接,同时提供了如href=#和其他写法的对比,讨论了它们在不同场景下的效果和浏览器兼容性问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

void 操作符用法格式如下:

javascript:void (表达式)  //推荐此写法
javascript:void 表达式
1
2
点击链接的操作
做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,例如

点击链接后不做任何事情,代码如下:

<a href="#" >test</a>   //点击链接,页面默认上滚到页的顶部,
                        //但可以加上 οnclick="return false",防止上滚到页的顶部

<a href="####" >test</a> //使用2个到4个#,见的大多是"####",也有使用"#all"等其他的。默认不上滚到页的顶部

<a href="javascript:void(0);" >test</a> //其中,javascript:void(0) 仅仅表示一个死链接,执行空事件
                                        //新浪微博写法

<a href="javascript:;" >test</a> //QQ空间写法

10
点击链接后,响应用户自定义的点击事件

<a href="javascript:void(0)" οnclick="func()">test</a>  //其中func() 是 javascript 方法,即函数

<a href="#" οnclick="func();return false;">什么问题都解决了,包括浏览器不兼容问题</a> //或者直接使用href="" 

<a href="#" οnclick="alert();event.returnValue=false;">test</a>
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值