js与移动端交互

1.js 调用移动端ios与android方法

2.移动端ios与android调用js方法

3.demo如下：

<!DOCTYPE html>
<html><head><title>js与移动端交互</title><meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0"><meta charset="UTF-8"></head><body><div id="btt" style="text-align:center;margin-top:200px;"><input type="button" name="" id="getData" value="调用移动端app内定义方法" style="font-size: larger;" /></div></body><script type="text/javascript" charset="utf-8">document.getElementById("getData").addEventListener("click", function(){var data={"a":"1","b":"2"}//method为移动端原生方法的方法名，param为要传递的参数//window.webkit.messageHandlers.method.postMessage(param)if (_IsIOS()) {alert("进入ios")try{window.webkit.messageHandlers.test.postMessage(JSON.stringify(data))}catch(err){//在这里处理错误alert("调用异常："+err)return;}alert("调用完成")} else if (_IsAndroid()) {alert("进入android")// var s= window.control.call('test()', data);//或者window.control.method(param);try{//在这里运行代码window.YouXun_JS.test(JSON.stringify(data))}catch(err){//在这里处理错误alert("调用异常："+err)return;}alert("调用完成")}})//移动端调用js方法function testCall(data) {alert(data);}//判断是否为ios端访问function _IsIOS() {if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {return true;} else {return false;}}//判断是否为android端访问function _IsAndroid() {if (/(Android|Adr)/i.test(navigator.userAgent)) {return true;} else {return false;}}</script>
</html>