js a标签的各种妙用

1. 拨打电话
代码如下所示：

<a href="tel:1*********">拨号</a>

字符串拼接方法成功
代码如下所示：

<a :href="'tel:' + telPhone">{{telPhone}}</a>

若不好使，再试试在html文件中头部加入代码，移动web页面自动探测电话号码

<meta name="format-detection" content="telephone=no">

<meta http-equiv="x-rim-auto-match" content="none">

使用wtai协议进行拨打电话
代码如下所示：

<a href="wtai://wp//mc;1*********">拨打 </a> < a href="wtai://wp/ap;1*********;">将1*********存储至电话簿 </a>

2. 发短信
代码如下所示：

<a href="sms:1*********">短信</a>

3. 发位置
代码如下所示：

<a href="geopoint:199.981999,99.869999">发位置</a>

4. 唤起QQ
代码如下所示：

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

5. 调用js方法
代码如下所示：

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

6. 禁用a标签的默认事件
代码如下所示：

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

7. 跳到指定的页面
代码如下所示：

<a href="http://www.jrspin.com" >嘉瑞毛绒url</a>
<a href="./index.html" >相对路径</a>

8. 跳到页面指定位置——锚点
代码如下所示：

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

9. 打开邮箱
代码如下所示：具体抄送，附件需要url传参

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

10. 下载文件
在href中放上需要下载的文件的相对路径

<a href="./demo.pdf">下载文件</a>