美文网首页
Android中webview与js的相互调用

Android中webview与js的相互调用

作者: 蜂鸟之歌 | 来源:发表于2016-11-27 21:50 被阅读142次

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

相关文章

网友评论

      本文标题:Android中webview与js的相互调用

      本文链接:https://www.haomeiwen.com/subject/tuynpttx.html