Webview中js与本地java代码的互相调用

最新推荐文章于 2022-10-20 14:06:00 发布

SkylakeXun

最新推荐文章于 2022-10-20 14:06:00 发布

阅读量404

点赞数

分类专栏：代码库

本文链接：https://blog.csdn.net/SkylakeXun/article/details/77848428

版权

代码库专栏收录该内容

33 篇文章 0 订阅

订阅专栏

本地的Html文件保存位置

在main目录下,右键new Directory>>命名为assets(注意要加s)
将本地的html文件保存到文件夹下

保存到其中的txt文件使用如下方法打开
InputStream open = getAssets().open("sample.txt");

加载本地的网页

    private void loadNativeWebHtml() {
        webView = (WebView) findViewById(R.id.webView);

        webView.setVerticalScrollbarOverlay(true);
        //开启js
        webView.getSettings().setJavaScriptEnabled(true);
        //使用loadurl网页加载本地网页,注意下面这个asset中不加s
         webView.loadUrl("file:///android_asset/web.html");
        //添加客户端支持
        webView.setWebChromeClient(new WebChromeClient());
    }

JS和java的互相调用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Android WebView 与 Javascript 交互</title>

</head>
<body>
<input type="button" value="分享" onclick="f1()">

<input type="text" id="show"/>


</body>

<script>

function f1(){
    //在这里调用java中的代码,使用吐司提示输入框中的内容
         AndroidWebView.showInfoFromJs(document.getElementById("show").value);
      }
    //这个js方法被java代码调用  
      function showInfoFromJava(msg){
        document.getElementById("show").value=msg;
        alert(msg);
      }

</script>
</html>

在js中调用java代码
    private class JsInterface {
        private Context mContext;

        public JsInterface(Context context) {
            this.mContext = context;
        }
        //在该类中创建一个js中的同名方法,使用注解标注该方法否则在4.3版本后会报错    
        //在js中调用window.AndroidWebView.showInfoFromJs(name)，便会触发此方法。
        @JavascriptInterface
        public void showInfoFromJs(String name) {
            Toast.makeText(mContext, name, Toast.LENGTH_SHORT).show();
        }
    }

js中:
function f1(){
   AndroidWebView.showInfoFromJs(document.getElementById("show").value);
}

    //在java中调用js代码
    public void sendInfoToJs(View view) {
        String msg = ((EditText) findViewById(R.id.input_et)).getText().toString();
        //webview.loadUrl("javascript:方法名('"+参数+"')");,记得加转义字符
        webView.loadUrl("javascript:showInfoFromJava('" + msg + "')");
    }