无极源码之家【官网】
   旧站入口
小工具
站长工具
配色表
CSS3动画工具
3D字体制作
当前位置:无极源码之家 > 建站教程 > 使用技巧 >

手机网站wap网页html5通过特殊链接:打电话、发短信、发邮件、QQ

发布时间:2017-05-11 来源:www.wjymz.com 浏览: 关键词:
最近制作手机网站时,需要用到手机网页调用系统短信发送短信的功能,用于分享和发送信息。找了一圈,找到了,这里分享出来,记录一下!
 
如果需要在移动浏览器中实现拨打电话,调用sms发短信,发送email,QQ聊天等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。
 
采用url href链接的方式,实现在Safari  ios,Android 浏览器,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>]例如:
(1)给 10086 发短信:<a href="sms:10086">发送信息</a>
 
(2)给 10086 发送内容为"cxye"的短信: <a href="sms:10086?body=cxye">发送信息</a>
 
(3)给 10086 和 10010 发送内容为"cxye"的短信: <a href="sms:10086,10010?body=cxye">发送信息</a>
 
3. Mail 发送邮件
就和普通的html一样使用mailto
 
(1)给test1@163.com发送邮件:<a href="mailto:test1@163.com">mail</a>
 
(2)给test1@163.com和test2@126.com发送邮件: <a href="mailto:test1@163.com,test2@126.com">mail</a>
 
(3)给test1@163.com发送主题为“testing”的邮件:<a href="mailto:test1@163.com?subject=Testing">mail</a>
 
(4)给test1@163.com发送主题为“testing”的邮件,并抄送给test3@126.com:
<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>其中就是搜索的内容,你应用的名称
例子:
<a href="market://search?q=MyApp">MyApp</a>
 
5. GPS地图定位
<a href="geopoint:[经度],[纬度]">我的位置</a>例如:
<a href="geopoint:108.954823,34.275891">我的位置</a>
 
6.QQ客服在线聊天
 
<a href="mqqwpa://im/chat?chat_type=wpa&uin=2069583286&version=1&src_type=web&web_src=http://m.haishiit.com/">QQ客服:2069583286</a>
责任编辑:无极源码站
共有人阅读,期待你的评论!评论
2010-2018 无极源码之家 版权所有 备案号:苏ICP备15059111号