移动开发与H5交互的研究

基础用法

H5侧使用

function callH5(data){  
        document.getElementById("result").innerHTML="result success for Android to:"+data;  
    }  
    function myOnclick(){
        document.getElementById("result").innerHTML="按钮被点击了"
        //H5调用Android
        myObj.callAndroid("弹窗显示回调成功了~~~");  
    }

Android侧使用

//支持js
         mWebView.getSettings().setJavaScriptEnabled(true);
         //设置本地调用对象及其接口
        //第一个参数为实例化自定义的接口对象 第二个参数为提供给JS端调用使用的对象名
        mWebView.addJavascriptInterface(new Contact() {
            @JavascriptInterface    //必须加的注解
            @Override
            public void callAndroid(String phone) {
                Toast.makeText(MainActivity.this, phone, Toast.LENGTH_LONG).show();
            }
       }, "myObj");

    findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View v) {
                 //Android调用H5
                 mWebView.loadUrl("javascript:callH5('Android OK !!!')");
             }
         });
相关文章
相关标签/搜索