Android and JS call each other

Source: Internet
Author: User
Have something to say:

This article mainly summarizes the simple method of invoking Android and JS to each other.

In the development process encountered the need to call the JS method in wirelessly needs, so the specific implementation process is always formed this blog.


Where the "call the Android Method" button is the HTML button; the "Invoke JS Method" button is the button in the app.

Local HTML:

First, create a new assets folder in the app root directory and create a new local HTML file within the folder, such as

Then write a simple HTML file:

<html lang="zh-CN">
<p id='p'>hello world</p>

        function test(){
            document.getElementById("p").innerHTML += " 你好!"

<button onclick="justTest.hello('js调用安卓方法!')">调用安卓方法</button>

Android Layout file:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android=""

        android:layout_height="wrap_content" />

        android:text="Call the js method" />

Android Call JS Method:

As you can see, there is already a test function in the local HTML, and the test function is called in wirelessly.

To load the local HTML file:

1 webView = findViewById(;
2 webView.getSettings().setJavaScriptEnabled(true);
3 webView.loadUrl("file:///android_asset/show.html");

To define a click event for a button:

Button btn = findViewById(;

btn.setOnClickListener(new View.OnClickListener() {
    public void onClick(View v) {

Where the Testjs code is:

1 @SuppressLint("SetJavaScriptEnabled")
2 public void testJS() {
3     webView.loadUrl("javascript:test()");
4 }

On this basis, the implementation of the Android call JS method.

JS calls the Android method: first, you need to define the called method in the activity:

1 @JavascriptInterface
2 public void hello(String msg) {
3     Toast.makeText(this, msg, Toast.LENGTH_SHORT).show();
4 }
And you need to bind the Java object to WebView:

1 webview.addjavascriptinterface (This, "justtest");
Finally, this method is called in JS:

<button onclick = "justTest.hello ('js call Android method!')"> call Android method </ button>

This makes it possible to invoke the Android method in JS.


Because the work is busy, long time did not write the blog.

I will take time to summarize what I have learned at work.

This blog wrote a very simple demo, but Android and JS call each other in the actual development is very useful, specifically to do a summary.

If you have any questions or suggestions can be comments or e-mail to contact me, welcome comments ~

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.