超链接做按钮 禁止跳转 submit 或 location 导致 return false 不起作用

起因:

页面中有个小功能,使用超链接做按钮用,按习惯方式写为

<a  href=""  οnclick="fun(); return false;">显示内容</a>

往常都好用,这次发现 return false不起作用,点超链接就跳转。

 

测试发现,onclick调用的函数中,如果有submit 或 location等跳转操作,后面的return false将失效。

解决: 改为在href中调用函数

<a  href="javascript:fun();"  >显示内容</a> 注意调用的函数需要以 return false; 结尾 。是否必须未测试,不确定

另外

<a  href=""  οnclick=" renturn  fun(); ">显示内容</a> 貌似也可以,未仔细测试。

 

超链接执行顺序,先onclick,后href

 

 

 

 

 

微信扫码订阅
UP更新不错过~
关注
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
在HTML5中,我们可以通过使用一些标签和属性来创建按钮超链接,同时也可轻松地为按钮添加点击事件来实现跳转。 首先,我们可以使用<a>标签来创建超链接。例如,我们可以使用以下代码创建一个简单的超链接: ```` <a href="https://www.example.com">点击跳转到example网站</a> ```` 该代码会创建一个可点击的文本,当我们单击文本时,它将跳转到https://www.example.com网站。 如果我们想要创建一个具有按钮外观的超链接,则可以使用<button>标签并为其添加特定的CSS样式。例如,我们可以使用以下代码创建一个事件按钮: ```` <button onclick="window.location.href='https://www.example.com'">点击跳转到example网站</button> ```` 该代码会创建一个可点击的事件按钮,当我们单击按钮时,它会跳转到https://www.example.com网站。 我们还可以通过添加一些JavaScript代码来为按钮添加点击事件。例如,我们可以使用以下代码为按钮添加一个弹出窗口的点击事件: ```` <button onclick="alert('Hello World!'); window.location.href='https://www.example.com'">点击跳转到example网站</button> ```` 该代码会创建一个具有点击事件的按钮,并在单击按钮时弹出“Hello World!”消息窗口,然后跳转到https://www.example.com网站。 综上所述,我们可以使用不同的方式在HTML5中创建按钮超链接,并为其添加特定的点击事件来实现跳转

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zlcoy_1

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值