关于a标签中href属性的多种用法

1. 拨打电话

<a href="tel:13800013088">13800013088</a>

2. 唤起QQ

<a href="tencent://message/?Menu=yes&uin=1248106922" target="_blank" class="fixed-qq" data-type="qq"></a>

3. 调用js方法

<a href="javascript:alert('hello world')" >点击</a>

<a href="javascript:clickEvent()" >点击</a>
function clickEvent() {
    console.log(111);
}

4. 禁用a标签的默认事件

<a href="javascript:;" >点击</a>

<a href="javascript:void(0);" >点击</a>

5. 跳到指定的页面

<a href="http://www.baidu.com" >百度url</a>

<a href="./index.html" >相对路径</a>

6. 跳到页面指定位置——锚点

<a href="#user">跳到页面中id为user的位置</a>

<a href="#">跳到顶部</a>

7. 打开邮箱

<a href="mailto:123456789@qq.com">发邮件</a>

这里写图片描述

8. 发短信

<a href="sms:10086">给 10086 发短信</a> 

9. 下载文件

// 在href中放上需要下载的文件的相对路径
<a href="./demo.pdf">下载文件</a>

10. 其他

待补充

  • 2
    点赞
  • 38
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值