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>

a标签href属性的用法相关推荐

  1. HTML的a标签href属性指定相对路径与绝对路径的用法讲解

    href是链接前端文件的一个最常用的重要属性,这里我们就来看一下HTML的a标签href属性指定相对路径与绝对路径的用法讲解,需要的朋友可以参考下 在实际Web开发中,插入图片.包含CSS文件等都需要 ...

  2. a jquery 标签点击不跳转_form标签的action属性怎么用?form标签action属性的用法介绍(附实例)...

    本篇文章主要的介绍了关于HTML中form标签action属性的用法介绍和实例,还有关于form标签的action属性的定义和语法介绍,最后徐还有关于form标签的action属性的作用解释.现在让我 ...

  3. form标签的action属性怎么用?form标签action属性的用法介绍(附实例)

    本篇文章主要的介绍了关于HTML中form标签action属性的用法介绍和实例,还有关于form标签的action属性的定义和语法介绍,最后徐还有关于form标签的action属性的作用解释.现在让我 ...

  4. ESLint对a标签href属性警告解决方法

    一.问题解决方法 1.环境介绍: 通过React的官方教程 Create-React-App使用脚手架工具搭建的工程,然后添加了路由组件React-Router,样式组件Antd Design(简称a ...

  5. React中ESLint对a标签href属性警告

    问题描述 在React中如果使用了a标签,但是又没有给a标签的href属性赋值有效的链接地址,则ESLint会警告,看着很烦. The href attribute is required for a ...

  6. a标签的href属性的用法

    一.href值为url时,主要是做链接跳转 href一般是指向一个url地址,如<a href="http://www.jd.com">打开京东商城</a> ...

  7. html5中没有align属性,HTML标签align属性的用法问题

    HTML中表格.文字.图像等元素都有使用到align属性,align属性主要是影响设置元素的水平对齐方式,给表格.文字.及图像等元素设置align属性,其表现形式是不一致的. 给表格元素设置align ...

  8. React项目中 ESLint对a标签href属性警告解决方法

    警告描述: The href attribute is required for an anchor to be keyboard accessible. Provide a valid, navig ...

  9. a标签缺少href 属性,鼠标经过不会出现手型

    声明: web小白的笔记,欢迎大神指点.联系QQ:1522025433. 直接看实例吧! <!doctype html> <html> <head> <met ...

  10. a标签的href属性

    <a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段. javascript ...

最新文章

  1. Android studio 获取每次编译apk时的日期
  2. mysql创建表的时候不要添加drop操作
  3. c/c++反混淆方法
  4. 【完整代码】使用Semaphore实现线程的交替执行打印 A1B2C3D4E5
  5. PHP 在线 编辑 解析
  6. 【深入理解Java虚拟机学习笔记】第三章 垃圾收集器与内存分配策略
  7. 硬核干货! 你的业务是否适合上链、上链有那些坑?dfuse、慢雾、MYKEY大佬为你为你指点迷津……...
  8. 大规模机器学习:将数据科学引入生产系统架构的典型模式
  9. C语言知识点总结(完美版)
  10. 猿创征文|【FreeSwitch开发实践】使用sipp对FreeSwitch进行压力测试
  11. PayPal贝宝工商银行无法提现,怎么办?
  12. ROS NOETIC 思岚激光雷达A2M8启动历程
  13. go用smpt包发送邮件, 被抄送收不到邮件bug
  14. 开源免费cms---十大主流建站的CMS系统介绍
  15. oracle判断除数为零,Oracle decode函数 除数为零
  16. 新浪企业邮箱服务器怎么设置,新浪企业邮箱如何在Iphone设置邮箱账号
  17. node的HTPP请求
  18. php中mysql_assoc,在PHP中使用mysql_fetch_assoc时出现警告
  19. breakpoint
  20. 常用格式如何互相转换(jpg转png)

热门文章

  1. 看着2022年世界杯,我无比怀念98世界杯
  2. 各国网络标识码表(MCC MNC表)
  3. 联想a30微型计算机,TEP-I-G W13030123 监控模块,监控单元泰坦TEP-I系列微机监控装置...
  4. Web前端业界氛围极好的群——鬼懿IT
  5. powershell下使用linux命令,Windows 10系统下PowerShell命令使用技巧
  6. Someone Like You 《另寻沧海》
  7. 浏览器主页被篡改解决小妙招
  8. u盘安装原版window10系统
  9. u盘安装linux系统有什么弊端,使用U盘安装Linux系统的经验总结
  10. hexo入门学习(六):文章图片存储到七牛云