你的位置:首页 > 软件开发 > Java > andriod/ios webview与js交互 html_demo

andriod/ios webview与js交互 html_demo

发布时间:2016-04-27 18:00:35
<html><head> <title>测试</title></head><body> <h3>Android</h3> <ul > <li>js调 ...
<html><head>  <title>测试</title></head><body>  <h3>Android</h3>  <ul >    <li>js调用Android:<input type="button" value="点我调用" onclick="jsCallAndroid();" /> <input id="inputid1" type="text" placeholder="输入函数" /></li>    <li>Android调用js:javascript:androidCalljs()</li>  </ul>  <h3>IOS</h3>  <ul >    <li>js发送消息:<input type="button" value="点我发送消息" onclick="jsSendIOS();" /> <input id="input2" type="text" placeholder="输入发送内容" /></li>    <li>IOS发送消息:bridge.send()<br />接收到的信息:</li>    <li><hr /></li>    <li>js调用IOS:<input type="button" value="点我调用" onclick="jsCallIOS();" /> <input type="text" id="inputid3" placeholder="输入os函数名" /> <input type="text" id="inputid4" placeholder="输入发送内容" /></li>    <li>IOS调用js:callHandler:iosCalljs</li>  </ul><script src='/images/loading.gif' data-original="WebViewJavascriptBridge.js"></script>  <script type="text/javascript">    function connectWebViewJavascriptBridge(callback) {      if (window.WebViewJavascriptBridge) {        callback(WebViewJavascriptBridge)      } else {        document.addEventListener('WebViewJavascriptBridgeReady', function () {          callback(WebViewJavascriptBridge)        }, false)      }    }    connectWebViewJavascriptBridge(function (bridge) {      //js接收IOS发送的数据      bridge.init(function (message, responseCallback) {        var t;        if (message) {          t = '接收到数据';          alert(message);        } else { t = '未接收到数据'; }        if (responseCallback) {          responseCallback(t);        }      })      //供IOS调用      window.WebViewJavascriptBridge.registerHandler("iosCalljs", function (data) {        alert('调用js完毕,接收到的数据:' + (data || ''));      })    })    //js向IOS发送数据    function jsSendIOS() {      window.WebViewJavascriptBridge.send(document.getElementById('input2').value, function (data) {        if (data)          alert(data);      })    }    //js调用IOS    function jsCallIOS() {      window.WebViewJavascriptBridge.callHandler(document.getElementById('inputid3').value, document.getElementById('inputid4').value, function (data) {        if (data) alert(data);      })    }    //供安卓调用    function receiveMsg(msg) {      if (msg)        document.getElementById('inputid1').innerHTML = msg;      else        document.getElementById('inputid1').innerHTML = '没有接收到任何数据';    }    //js调用安卓    function jsCallAndroid() {      eval(document.getElementById('inputid1').value);    }    //供安卓调用    function androidCalljs(msg) {      alert('调用js成功!接收到的数据:' + (msg || ''));    }  </script></body></html>

原标题:andriod/ios webview与js交互 html_demo

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。