java调用JS|java调用JS 与JS 调java java调用JS与JS调java

2019独角兽企业重金招聘Python工程师标准>>>
文章图片

本人博客地址：http://my.oschina.net/lijindou/blog
转载请标明原址：https://my.oschina.net/lijindou/blog/746993
【java调用JS|java调用JS 与JS 调java】
这个刚开始我也不会，把我整的是个蛋疼的啊，
最后发现其实挺简单的，我现在给大家说的是我自己掌握的一种，
1. 先是要给项目配置一些权限
（1）、访问网络权限

（2）、访问SD卡权限

2.给webview 配置

webView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY); webView.getSettings().setBuiltInZoomControls(true); webView.getSettings().setJavaScriptEnabled(true);

3.这个就是webview想JS 暴露一个可以调用的对象（用来JS调用JAVA方法和JAVA调用JS又返回值的方法时用，如果非上面的两种情况时，则可以忽略此步。）

webView.addJavascriptInterface(new JsToJava(), "android"); //JsToJava是内部类，代码在后面。android 是接口名字。

上面的是准备工作
下面的就是要调用的代码了

java调用JS 方法（无返回值）

webView.loadUrl("javascript:getStsmA()"); //调用 JS中的方法

没错，你没有看错，就是这么简单，在加载完HTML页面后，执行这段代码，就可以调用JS 中的方法了
JS调用java

webView.addJavascriptInterface(new JsToJava(), "android"); //JsToJava是内部类，代码在后面。android 是接口名字。

webView.loadUrl("javascript:getStsmA()"); //调用JS中的方法

private class JsToJava { @JavascriptInterface public void getStsm(String paramFromJS) {//java暴露的方法，用于 JS 调用Log.e(TAG, "js返回结果===" + paramFromJS); //处理返回的结果 } }

我在贴出来JS 代码

文章图片

大家要注意了最后一段代码
window.android.getStsm(rtn) ;
这段代码的意思是JS调用JAVA中的方法
android：java中想JS 中暴露的对象名
getStsm：用Java中暴露的对象名。方法名（就是调用java中的getStsm（）这个方法）

这样JS 就可以通过java这边暴露的对象名和方法名调用

文章图片

大家要输还是不理解的话，就看看这张图吧！！！

好了给大家上代码吧

import android.annotation.SuppressLint; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.util.Log; import android.view.View; import android.webkit.JavascriptInterface; import android.webkit.WebView; import android.widget.Button; public class MainActivity extends AppCompatActivity { private WebView webView; private static final String TAG = "MainActivity"; private Button but; @SuppressLint("JavascriptInterface") @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); webView = (WebView) this.findViewById(R.id.webView_viewTable); but = (Button) this.findViewById(R.id.but); /** *在Android中要用java调用 JS很简单直接 *webView.loadUrl("javascript:getfsA()"); //调用 JS中的方法 *这个就是调用无返回值的方式，直接一句话（当然对webview 还有一些配置，在这里先不说了） * 传参数给webview 的话，就是在 * webView.loadUrl("javascript:getfsA('参数')"); //调用 JS中的方法 * 就是上面的方法 * 这样我们的java 调用 JS 的无返回值方法，就完了 * * 要调用又返回值的话，我们这边不是接收者，而是我们调用JS 中的方法， * 让此方法调用本地的一个java方法，然后传值过来，这样我们就接收到值了 * */ //这几行代码是对webview的授权，不能少 webView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY); webView.getSettings().setBuiltInZoomControls(true); webView.getSettings().setJavaScriptEnabled(true); webView.addJavascriptInterface(new JsToJava(), "android"); //JsToJava是内部类，代码在后面。android 是接口名字。 /**这里的第二个参数就是 JS 回调 java的一个方法名大家注意看下html文件中调用的方法的返回 window.android.getfs(rtn); //JS 中的代码，这句代码的意思是，通过android这个java暴露的借口，调用getfs（）这个方法 * **/ webView.loadUrl("file:///storage/emulated/0/1.html"); //这句是载入一个html页面。 but.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { webView.loadUrl("javascript:getfsA()"); //调用 JS中的方法 } }); }private class JsToJava { @JavascriptInterface public void getfs(String paramFromJS) {//Android暴露的方法，用于 JS 调用 //这个方法就是JS 调用java方法，传回返回值，这样我们就接收到JS 返回给我们的值了 Log.e(TAG, "js返回结果===" + paramFromJS); //处理返回的结果 } } }

下面的是html 代码
functiongetStsmA() {
var rtn =getStsm();
window.android.getStsm(rtn) ; }
转载于:https://my.oschina.net/lijindou/blog/746993