初探JS-html5移动端发送指定内容短信到指定号码


原理:利用a标签跳转指定网址:
sms://[号码]?body=[内容] //安卓
sms://[号码]&body=[内容] //IOS

首先简单的做两个input,一个用于输入内容,一个用于输入发送的号码。再加一个a标签。

代码如下

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>发送短信</title> </head> <body> <form action="#"> <input id="name" type="text"> <input id="tel" type="text"> <a href="#">发送短信</a> </form> </body> </html> 

这时候这样一个思路,我们要获取两个input的值,然后赋给a标签的href属性。
JS代码如下

<script> function doAction(){ var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 var name =document.getElementById('name').value; var tel= document.getElementById('tel').value; if(isiOS){ document.getElementsByTagName('a')[0].href="sms://"+tel+"?body="+name;} else{ document.getElementsByTagName('a')[0].href="sms://"+tel+"&body="+name;} } </script> 

然后再input标签添加一个oninput时间来触发doAction()就可以了。



作者:跹尘
链接:https://www.jianshu.com/p/3d3224b85ee6
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM