为了账号安全,请及时绑定邮箱和手机立即绑定

js与android和ios原生交互

标签:
JavaScript

1、实现原生与js交互

    <!-- 申明交互 这段代码固定必须有 -->function setupWebViewJavascriptBridge(callback) {    //android使用    if (window.WebViewJavascriptBridge) {        callback(window.WebViewJavascriptBridge)    } else {        document.addEventListener(            'WebViewJavascriptBridgeReady'            , function() {                callback(window.WebViewJavascriptBridge)            },            false        );    }    //ios使用    if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); }    if (window.WVJBCallbacks) { return window.WVJBCallbacks.push(callback); }    window.WVJBCallbacks = [callback];    var WVJBIframe = document.createElement('iframe');    WVJBIframe.style.display = 'none';    WVJBIframe.src = 'https://__bridge_loaded__';    document.documentElement.appendChild(WVJBIframe);    setTimeout(function() { document.documentElement.removeChild(WVJBIframe) }, 0)}setupWebViewJavascriptBridge(function(bridge) {//oc或android掉js    bridge.registerHandler('result', function(data, responseCallback) {        if(data.errorCode == null  || data.errorCode == "")            window.location.href = "refresh.html?result=success";        else            window.location.href = "refresh.html?result=fail";    });    //js掉原生    $(document).on('click', '#call', function() {        bridge.callHandler('call', {'sessionId':$.cookie("sessionId")}, function(response) {            //处理oc过来的回调            var responseData = { 'Javascript Says':'Right back atcha!' };            responseCallback(responseData);        });    });});
<div>   <a id = "call">跳转手机端 > </a></div>


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消