初探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