首页 热点资讯 义务教育 高等教育 出国留学 考研考公
您的当前位置:首页正文

Android中webview与js的相互调用

2024-12-18 来源:华拓网

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#

显示全文