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