WebView的基本使用-js与java之前的相互调用

最新推荐文章于 2022-12-05 03:50:10 发布

威哥V5

最新推荐文章于 2022-12-05 03:50:10 发布

阅读量2k

点赞数

分类专栏： android学习笔记文章标签： webview

本文链接：https://blog.csdn.net/u012325403/article/details/49816099

版权

android学习笔记专栏收录该内容

24 篇文章 0 订阅

订阅专栏

这篇文档主要介绍android中WebView的使用，以及js与java方法中的相互调用。

我们这里使用本地的html作用界面。
主要是三个操作
1.在js中去调用java中的代码
2.js中的alert在java中响应
3. java去调js中的方法。

首先是我们的html文件，我们放在assets资产文件中。

<html>
<head>
    <title>JS交互</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <script type="text/javascript">
    function invokedByJava(param) {
        document.getElementById("content").innerHTML = "Java has invoked JS function and returnd the data:"+param;
    }
  </script>
</head>
<body>
<p id="content"></p>
<p>
    <input type="button" value="js调用Java方法" onclick="window.stub.jsMethod('来至JS的参数');" />
    <input type="button" value="调用alert" onclick="alert('hello')" />
</p>
</body>
</html>

下面是webview的初始化工作。

webView = (WebView) findViewById(R.id.web_view);
webView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
webView.getSettings().setBuiltInZoomControls(true); //设置 一个可缩放的按钮
webView.getSettings().setJavaScriptEnabled(true); //设置webview可以响应js
webView.loadUrl("file:///android_asset/demo.html");  //加载本地html

下面是设置webview去响应网页中的alert方法

webView.setWebChromeClient(new WebChromeClient() {
    /**
     * 处理JavaScript Alert事件
     */
    @Override
    public boolean onJsAlert(WebView view, String url,
                             String message, final JsResult result) {
        //用Android组件替换
        new AlertDialog.Builder(WebViewActivity.this)
                .setTitle("JS提示")
                .setMessage(message)
                .setPositiveButton(android.R.string.ok, new AlertDialog.OnClickListener() {
                    public void onClick(DialogInterface dialog, int which) {
                        result.confirm();
                    }
                })
                .setCancelable(false)
                .create().show();
        return true;
    }
});

WebView默认用系统自带浏览器处理页面跳转, 需要设置webClient
webView.setWebViewClient(new WebViewClient() {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        view.loadUrl(url);//使用当前WebView处理跳转
        return true;//true表示此事件在此处被处理，不需要再广播
    }
    @Override
    public void onPageStarted(WebView view, String url, Bitmap favicon) {
        //有页面跳转时被回调
    }
    @Override
    public void onPageFinished(WebView view, String url) {
        //页面跳转结束后被回调
    }
});

调用js方法，

webView.loadUrl("javascript:invokedByJava('java_data')");

要让js调用java代码 ，我们必须声明出 stub对像
webView.addJavascriptInterface(new JsToJava(), "stub");
让stub指像JsToJava这个对象， 然后在JsToJava中写的方法 就可以在js中直接调用
private class JsToJava {
    //api17之后 必须加上此注解
    @JavascriptInterface
    public void jsMethod(String paramFromJS) {
        Toast.makeText(WebViewActivity.this, paramFromJS, 0).show();
    }
}

注意android 4.2 之后需要加上@JavascriptInterface这个注解，同时要导入anotations.jar.

威哥V5

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
WebView的基本使用-js与java之前的相互调用

这篇文档主要介绍android中WebView的使用，以及js与java方法中的相互调用。我们这里使用本地的html作用界面。主要是三个操作 1.在js中去调用java中的代码 2.js中的alert在java中响应 3. java去调js中的方法。首先是我们的html文件，我们放在assets资产文件中。<html><head> <title>J
复制链接

扫一扫