移动端a链接href属性的一些妙用

最新推荐文章于 2021-08-09 09:38:02 发布
最新推荐文章于 2021-08-09 09:38:02 发布
阅读量1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wh_xmy/article/details/54343668
版权

1.拨打电话：<a href="tel:188888888888">拨打电哈</a>

2.发送短信：<a href="sms:188888888888">发送短信</a>

3.发送邮件：<a href="mailto:mail@mail.com">发送邮件</a>

wh_xmy
关注
移动端巧用href属性
weixin_33893473的博客
12-11 175
移动端页面常常需要在网页中实现拨打电话，发送短信，发送邮件等功能。如何去实现呢？非常简单仅仅需要a标签的一些属性即可完成 1打电话 在电话号码前面可以加上 + （加号）表示国际号码。如： <a href="tel:10086">10086</a> 发短信 <a href="sms:10086">给 1...
利用jQuery实现PC端href生效，移动端href失效
weixin_30702887的博客
09-05 200
今天要写一个功能，记录一下吧。if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){ $('.item-a').attr('href','javascript:void(0);'); } 上面第一行是判断当前是否处于移动端的。 单独记录一下： 在使用bootstrap框架的情况...
移动端 顶部折叠导航 a标签锚点位置偏移
liuminyi1987的博客
09-15 614
效果如下：点击某个导航后，会跳转到本页面a标签锚点位置。 PC端a标签锚点href="#id"方式，在移动端或者angular下不管用，解决方法如下
移动端给a标签添加跳转
qq_44848423的博客
01-10 583
<script > // 禁用默认行为 document.addEventListener("touchstart", function(ev) { ev = ev || event; ev.preventDefault(); }); // 给a标签设置跳转,可以防误触 var aNodes = document.querySelectorAll("a"); for(var i=0; i<aNodes.length; i++) { aNodes[
移动端a标签的妙用
呆萌滴加菲猫
02-22 837
移动端a标签的妙用（拨号、短信、邮件等） 在移动端的页面需要调用手机拨打电话、发送短信、邮件等接口，只需直接使用a标签即可！ &lt;a href="tel:10086"&gt;10086&lt;/a&gt; //点击后直接拨打10086 &lt;a href="mailto:c1586@qq.com?subject=TestObject"&gt;c6088@qq.com&lt;/...
移动端a标签下载功能
07-27
2. 在 `<a>` 标签中添加 `download` 属性，这将提示浏览器以下载方式处理链接，而不是在浏览器中打开。 3. 设置合适的文件名：如果要指定文件名，可以将 `download` 属性的值设置为要下载的文件名。例如： ```html...
vue-Carousel-master-2018:基于vue的轮播图组件链接图片移动端PC端
05-15
在Vue组件中，可以通过v-bind指令将图片URL与组件的属性关联，然后在模板中使用该属性来渲染图片，并添加链接属性，如`<a>`标签的`href`。 移动端和PC端兼容性是现代Web应用的重要考量。为了实现这一目标，开发者...
typescript跳转href移动端PC端通用
最新发布
09-21
在TypeScript中，为了实现在移动端和PC端的通用导航，特别是在处理`<a>`标签的`href`属性时，可以使用条件注解或者条件判断来区分浏览器环境。这里推荐一种常见的做法： ```typescript function navigate(url: ...
jQuery移动端导航栏滑动菜单.zip
06-07
一个典型的导航栏通常包含一个`<nav>`元素，里面包含多个链接或按钮，这些元素可以是`<a>`标签或者`<li>`标签。在移动端，为了节省空间，这些菜单项通常会被折叠在一个汉堡菜单（三横线图标）里，只有当用户点击时才...
typescript跳转href新页面移动端PC端通用
09-21
在TypeScript中，如果你想要在移动设备（如Android、iOS）和桌面电脑（如PC）上通用地实现页面跳转到新的URL，通常会使用`window.location.href`属性。这是一个浏览器全局API，可以用于打开新窗口或页面。 无论是...
jQuery手机左侧导航锚点定位代码.zip
09-12
jQuery 写的html5例子程序，可以参考一下，滑动自动定位
标签<a>的超链接在移动端没有生效的几种原因
Fiona_lms的博客
06-08 9037
这几天，在做移动端的项目，然后需要跳转到一个新的页面，我首先就是用 &lt;p&gt;平台网址：&lt;a href="https://www.laicunba.com/#/home"&gt;http://www.laicunba.com&lt;/a&gt;&lt;/p&gt; 自我感觉是没啥问题，但是问题就是放在手机上进行点击的时候，页面就是跳转不了，最终上网查了资料，可能导致的原因 需要...
移动端a标签跳转方案
weixin_43269800的博客
03-14 850
a标签在促发touchend事件时，a标签就会跳转； touchmove最终也会触发touchend，所以会导致误触； 代码显示 // 全面禁止移动端事件的默认行为 document.addEventListener('touchstart',function(ev){ ev = ev || event; ev.preventDefault(); }) // 获取页面中所有的a标签 var...
移动端“锚点”使用
你，若盛开的专栏
08-09 810
document.getElementById(“id的值”).scrollIntoView() 若不起效：加上延迟 setTimeout(() => { document.getElementById(“id的值”).scrollIntoView(); }, 100);
利用a标签实现页内锚点跳转以及不同的网页跳转的几种方式
热门推荐
goulite的博客
10-21 1万+
首先我们要知道什么是锚点： 例如我们在做一个很长的页面时，想要在页面内实现跳转，从一个位置直接跳到当前页面中的另一个位置，而不是从当前页面跳转到其他页面，那么想要跳转到的那个位置，就是一个锚点。我们在浏览网页时经常会看到的锚点例子就是在网页底部的“回到顶部”；锚点是一种在页面定位的一种方式 。 实现锚点跳转的方式： 我们将这个id为box的div放在距离浏览器顶部...
a标签不跳转
sinat_38992528的博客
12-06 1930
a标签href不跳转 禁止跳转 当页面中a标签不需要任何跳转时，从原理上来讲，可分如下两种方法： 标签属性href，使其指向空或不返回任何内容。如： 点此无反应javascript:void(0) 点此无反应javascript: 标签事件onclick，阻止其默认行为。如： return false; return false; 注意：只有
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值