Android WebView交互实例-优快云博客

本文链接：https://blog.youkuaiyun.com/Fairy_1001/article/details/75947578

主界面：
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.JavascriptInterface;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {

    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView = (WebView) findViewById(R.id.webview);
        webView.loadUrl("file:///android_asset/index.html");
        webView.addJavascriptInterface(this,"test");
        webView.getSettings().setJavaScriptEnabled(true);
        webView.setWebChromeClient(new WebChromeClient());
        webView.setWebViewClient(new WebViewClient());
    }
    @JavascriptInterface
    public void shenwenjing(String s){
        if(s.equals("")){
            runOnUiThread(new Runnable() {
                @Override
                public void run() {
                    webView.loadUrl("javascript:a()");
                }
            });

        }
    }
}

index界面 ：
<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8" />
      <title>百度</title>
      <script>
         function demo(){
            var str = document.getElementById("mingzi").value;
            test.shenwenjing(str);
         }
         
         function a(){
            alert("请输入。。。");
         }
      </script>
   </head>
   <body>
      <h1 style="color: red;">Baidu百度</h1>
      <input type="text" id="mingzi" />
      <input type="button" value="搜索" οnclick="demo()" />
   </body>
</html>

JS交互