Android中webview与js的相互调用

1. js调用android方法#

  1. 设置webview.addJavascriptInterface(new TestJavaScriptInterface(),"Android")
  • TestJavaScriptInterface : 接口类
  • "Android" :别名
  1. TestJavaScriptInterface 提供方法,当执行js代码的时候引起android这边的回调
    /**
     * 测试js和android交互的类
     */
    class TestJavaScriptInterface{
        /**
         * @JavascriptInterface 这个注解在4.2及以后要加在方法上
         * 在js里面点击一个按钮,android这边将js传过来的内容以土司的形式弹出
         */
        @JavascriptInterface
        public void showToast(String content){
            Toast.makeText(getApplicationContext(), content, Toast.LENGTH_SHORT).show();
        }
    }
  1. "Android" 要和JS 调用方法里面引用的对象名一致
<script type="text/javascript">
    function showAndroidToast(toast) {
        Android.showToast(toast);
    }
</script>

2. android调用js方法#

调用js里的changeInputValue方法,参数是 “哈哈 js 您好”
webview.loadUrl("javascript:changeInputValue('哈哈 js 您好')");

3. simple#

webview与js的相互调用以及webview各种属性配置的Demo

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容