栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

js与android和ios原生交互

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

js与android和ios原生交互

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);        });    });});
   跳转手机端 > 


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/245758.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号