移动html特殊链接【打电话_发短信_发邮件】

简介:

如果需要在移动浏览器中实现拨打电话,调用sms,发送email等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。

采用url链接的方式,实现在Safari iOSAndroid 浏览器,webos浏览器,塞班浏览器,IE,Operamini等主流浏览器,进行拨打电话功能。

1. 打电话

在电话号码前面可以加上 + (加号)表示国际号码。如:

最常用WEB页面JS实现一键拨号的电话拨打功能

例子: 

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

使用wtai协议进行拨打电话

 <a href="wtai://wp/mc;10086">10086</a>

2. 短信

如果是需要调用短信的接口,可以将链接写成下面的格式:

 sms:<phone_number>[,<phone-number>]*[?body=<message_body>]

例如:

 <a href="sms:10086">给 10086 发短信</a><br />
 <a href="sms:10086?body=cxye">给 10086 发送内容为"cxye"的短信</a><br />
 <a href="sms:10086,10010?body=cxye">给 10086 和 10010 发送内容为"cxye"的短信</a>

 

3. Mail 邮件

就和普通的html一样使用mailto

复制代码

 <a href="mailto:test1@163.com">mail</a> 
 <a href="mailto:test1@163.com,test2@126.com">mail</a> 
 <a href="mailto:test1@163.com?subject=Testing">mail</a> 
 <a href="mailto:test1@163.com?subject=Testing mailto&cc=test3@126.com">mail</a>

复制代码

 

4. Android Market

如果希望一个链接能够激活Android市场的功能,可以把链接写成:

 <a href="market://search?q=[query]">Android Market link</a>

其中<query>就是搜索的内容,你应用的名称

例子:

 <a href="market://search?q=MyApp">MyApp</a>

5. 地图定位GPS

 <a href="geopoint:[经度],[纬度]">我的位置</a>

例如:

 <a href="geopoint:108.954823,34.275891">我的位置</a>
本文转自程序猿博客51CTO博客,原文链接http://blog.51cto.com/haihuiwei/1933348如需转载请自行联系原作者

365850153
相关文章
|
27天前
|
JavaScript 前端开发
HTML 链接5
空链接是指在HTML中不指向任何实际资源的链接。常见设置方法包括:`href=&quot;#&quot;`(导航到页面顶部)、`href=&quot;javascript:void(0)&quot;`(阻止默认行为,不刷新页面)、`href=&quot;&quot;`(刷新当前页面)、`href=&quot;about:blank&quot;`(打开空白页面)和`role=&quot;button&quot;`(链接表现为按钮,无默认行为)。选择合适的方法取决于具体应用场景。注意:链接应始终包含正斜杠以避免不必要的HTTP请求。
|
28天前
|
前端开发
HTML 链接2
HTML 使用 `&lt;a&gt;` 标签创建超链接,链接可以是文字或图像,点击后可跳转至新文档或当前文档的特定部分。链接地址通过 `href` 属性指定。默认情况下,未访问的链接为蓝色带下划线,已访问的为紫色,点击时为红色。样式可通过 CSS 自定义。
|
28天前
|
JavaScript 前端开发
HTML 链接1
HTML 链接(Anchor)是网页间跳转的核心元素,通过 `&lt;a&gt;` 标签创建。链接用于导航至其他网页、文档、图像等资源,实现网页互联。基本语法为 `&lt;a href=&quot;URL&quot;&gt;链接文本&lt;/a&gt;`。例如:`&lt;a href=&quot;https://example.com&quot;&gt;本文本&lt;/a&gt;` 是一个指向万维网上页面的链接。
|
27天前
HTML 链接4
`id`属性用于在HTML文档中创建书签。书签在页面中不可见,但可以通过链接直接跳转到指定位置。例如,在页面内或从其他页面链接到带有`id=&quot;tips&quot;`的元素:`&lt;a href=&quot;#tips&quot;&gt;访问有用的提示部分&lt;/a&gt;` 或 `&lt;a href=&quot;https://www.runoob.com/html/html-links.html#tips&quot;&gt;访问有用的提示部分&lt;/a&gt;`。
|
27天前
|
前端开发 安全 搜索推荐
HTML 链接3
HTML 链接属性包括 `href`(定义链接目标)、`target`(定义打开方式)、`rel`(定义关系)、`download`(提示下载)、`title`(显示工具提示)、`id`(链接锚点)、`hreflang`(目标语言)、`type`(资源类型)、`class`(类名)和 `style`(内联样式)。这些属性帮助实现丰富的链接功能。
|
2月前
|
前端开发 安全 UED
HTML 链接怎么写才能好看又拥有最好的性能
要编写既美观又性能优良的 HTML 链接,请遵循以下最佳实践:使用语义化 `&lt;a&gt;` 标签并优化链接文本,使其描述性和简洁;使用 `rel=&quot;noopener noreferrer&quot;` 和 `target=&quot;_blank&quot;` 属性提高安全性和性能;通过 CSS 美化链接样式;合理控制链接数量,避免分散用户注意力;使用图标增强视觉效果;确保链接对所有用户都可访问;利用 CDN 提升加载速度;最后,测试页面性能以保证整体加载速度。
|
2月前
|
JavaScript 前端开发 UED
HTML 链接的高阶写法
在 HTML 中,通过使用不同的属性和技术可以增强链接的功能性和可访问性。
|
4月前
HTML 链接- id 属性
【7月更文挑战第1天】HTML 链接- id 属性。
32 1
|
4月前
|
开发者
HTML 链接语法
【7月更文挑战第1天】HTML 链接语法。
44 1
|
5月前
|
网络安全 Docker 容器
modelscope-funasr部署后,但是无法通过html链接,是为什么呀?
在虚拟机上成功部署了Docker化的modelscope-funasr服务,日志显示初始化正常。防火墙已关闭,但尝试通过HTML页面访问时连接失败。