前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Javascript中的href

Javascript中的href

作者头像
Tyan
发布2019-05-25 23:40:05
1.4K0
发布2019-05-25 23:40:05
举报
文章被收录于专栏:SnailTyanSnailTyan

版权声明:博客文章都是作者辛苦整理的,转载请注明出处,谢谢! https://cloud.tencent.com/developer/article/1434146

文章作者:Tyan

博客:noahsnail.com | CSDN | 简书

在Javascirpt中经常会用到超链接,但有时不想让超链接起作用,想自己编写响应事件,又想要超链接的外观,此时就可以修改<a>中的href属性。

1. href=”#”

href="#"也是一个超链接,只是这个超链接是指向的本页,因此如果<a>中的href设为#,虽然不会修改页面数据,但页面滚动到起始位置。代码如下:

代码语言:javascript
复制
<a href="#"></a>

小技巧:如果href="#id"后面是一个控件的id,则页面会滚动到控件的位置,在页面滚动时很有用。

2. href=”javascript:void(0)”

href="javascript:void(0)"表示点击超链接时什么也不用,但可以在JS中编写对应的click响应函数。代码如下:

代码语言:javascript
复制
<a href="javascript:void(0)"></a>
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016年10月26日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. href=”#”
  • 2. href=”javascript:void(0)”
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档