Android中java和javascript方法的互相调用示例

最新推荐文章于 2022-03-24 10:53:22 发布

宝华的小岛

最新推荐文章于 2022-03-24 10:53:22 发布

阅读量3.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Android 文章标签： js javascript java 方法互相调用

本文链接：https://blog.youkuaiyun.com/xxkalychen/article/details/53856147

Android 专栏收录该内容

51 篇文章

订阅专栏

本文介绍了一种JavaScript与Android间互相调用的方法，通过WebView实现了JS调用Android的Java方法及反之。提供了具体的实现代码示例，包括如何设置WebView以支持JavaScript交互，以及如何在Java中定义供JS调用的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

说不清，直接贴代码：

首先是网页：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>js和android相互调用</title>
<head>

<script type="text/javascript" language="javascript">
	//调用java方法jsCallJava()
	function showHtmlcallJava() {
		var str = window.android.jsCallJava();
		document.getElementById("info1").value = str;
	}

	//调用java方法jsCallJavaWithParams(String var)，带参数
	function showHtmlcallJava2() {
		var str = window.android.jsCallJavaWithParams("Devin Chen");
		document.getElementById("info2").value = str;
	}

	//提供给java调用的方法
	function show() {
		document.getElementById("id_input").value = "Java调用Html中的方法";
	}

	//提供给java调用的方法，带参数
	function showWithParam(param) {
		document.getElementById("id_input2").value = "Java调用Html中的方法: " + param;
	}
</script>
</head>

<body>
	<input id="info1" style="width: 90%" type="text" value="null" /><br>
	<input type="button" value="Html调用Java方法" onclick="showHtmlcallJava()" /><br>
	<input id="info2" style="width: 90%" type="text" value="null" /><br>
	<input type="button" value="Html调用带参数的Java方法" onclick="showHtmlcallJava2()" /><br>
	<input id="id_input" style="width: 90%" type="text" value="null" /><br>
	<input type="button" value="Java调用Html方法" onclick="window.android.javaCallJavaScript()" /><br>
	<input id="id_input2" style="width: 90%" type="text" value="null" /><br>
	<input type="button" value="Java调用带参数的Html方法" onclick="window.android.javaCallJavaScriptWithParams()" />
</body>
</html>

Android部分的布局就一个WebView，MainActivity源代码：

/**
 * java方法和javascript方法的相互调用
 */
public class MainActivity extends AppCompatActivity {
    private static final String url = "http://192.168.0.100:8080/server";
    private WebView mWebView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        mWebView = (WebView) findViewById(R.id.web_main);
        WebSettings settings = mWebView.getSettings();
        settings.setJavaScriptEnabled(true);
        settings.setDefaultTextEncodingName("utf-8");
        mWebView.loadUrl(url);
        mWebView.setWebViewClient(new WebViewClient());
        //这两句是必须的,"android"就是jsp中调用方法时window后面的对象
        Object obj = getObject();
        mWebView.addJavascriptInterface(obj, "android");
    }

    private Object getObject() {

        Object obj = new Object() {
            /**
             * html中的JavaScript调用Java方法
             * 注解是必须的
             * @return
             */
            @JavascriptInterface
            public String jsCallJava() {
                return "JavaScript调用Java方法";
            }

            /**
             * html中的JavaScript调用带参数的Java方法
             * 注解是必须的
             * @return
             */
            @JavascriptInterface
            public String jsCallJavaWithParams(String var) {
                return "JavaScript调用带参数的Java方法" + var;
            }

            /**
             * java调用html中的方法,遗憾的是不知道有什么办法可以拿到返回值
             */
            @JavascriptInterface
            public void javaCallJavaScript() {
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        mWebView.loadUrl("javascript:show()");

                    }
                });
            }

            /**
             * java调用html中的方法，并且传递参数,这个有大用
             */
            @JavascriptInterface
            public void javaCallJavaScriptWithParams() {
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        mWebView.loadUrl("javascript:showWithParam('baoge')");
                    }
                });
            }

        };
        return obj;
    }
}

运行结果：