h5调oc 方法

最新推荐文章于 2021-06-09 23:27:55 发布

weixin_45493439

最新推荐文章于 2021-06-09 23:27:55 发布

阅读量377

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45493439/article/details/103859508

版权

js 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

h5调oc 方法

<div id="btn">
  <a class="a-btn" onclick="aBtn()">下载APP免费投广告</a>
</div>

<script>

  var u = navigator.userAgent;

  //申明交互
  function setupWebViewJavascriptBridge(callback) {
    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)
  }

  function aBtn () {
    if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机
      window.DDBridge.click();// 约定的事件
    } else if (u.indexOf('iPhone') > -1) {//苹果手机
      setupWebViewJavascriptBridge(function(bridge) {
        //处理 js 调用 oc
        bridge.callHandler('click',function(response) {// click约定的事件
        });
      });
    }
  }

</script>