本篇博文参考自：http://droidyue.com/blog/2014/09/20/interaction-between-java-and-javascript-in-android/

我们在使用webview时可以让java代码和网页中的js代码进行交互，本文就简单说明下二者是如何交互的。

一、JS调用java代码

1.1 网页的代码：

<html>

<script type="text/javascript">

    function toastMessage(message) {

        window.control.toastMessage(message)

    }

    function sumToJava(number1, number2){

       window.control.onSumResult(number1 + number2)

    }

</script>

Java-Javascript Interaction In Android

</html>

可以看见，这个网页代码中有js的代码，主要代码片段如下：

    function toastMessage(message) {

        window.control.toastMessage(message)

    }

    function sumToJava(number1, number2){

       window.control.onSumResult(number1 + number2)

    }

可以发现这里用了一个方法：window.control.xxxxx。这里的control需要在android端实现，网页这里只需要调用就行。

调用格式为：window.jsInterfaceName.methodName(parameterValues) 此例中我们使用的是control作为注入接口名称，所以变成了：

 window.control.toastMessage(message)

1.2 Android端

package com.example.javajsinteractiondemo;

import android.annotation.SuppressLint;

import android.app.Activity;

import android.os.Bundle;

import android.util.Log;

import android.view.Menu;

import android.webkit.JavascriptInterface;

import android.webkit.WebChromeClient;

import android.webkit.WebSettings;

import android.webkit.WebView;

import android.webkit.WebViewClient;

import android.widget.Toast;

public class MainActivity extends Activity {

  private static final String LOGTAG = "MainActivity";

  @SuppressLint("JavascriptInterface")

  @Override

  protected void onCreate(Bundle savedInstanceState) {

      super.onCreate(savedInstanceState);

      setContentView(R.layout.activity_main);

      final WebView myWebView = (WebView) findViewById(R.id.myWebView);

      WebSettings settings = myWebView.getSettings();

      settings.setJavaScriptEnabled(true);

      myWebView.addJavascriptInterface(new JsInteration(), "control");

      myWebView.setWebChromeClient(new WebChromeClient() {});

      myWebView.loadUrl("file:///android_asset/js_java_interaction.html");

  }

  public class JsInteration {

      @JavascriptInterface

      public void toastMessage(String message) {

          Toast.makeText(getApplicationContext(), message, Toast.LENGTH_LONG).show();

      }

      @JavascriptInterface

      public void onSumResult(int result) {

          Log.i(LOGTAG, "onSumResult result=" + result);

      }

  }

}

可以看到，webview中用 addJavascriptInterface 方法定义了一个注入接口和类：control & JsInteration。然后在之后就写好了JsInteration的实现方法：toastMessage & onSumResult，这样在js中调用时android就知道js用的是什么方法了。

二、java调用js

调用js的方法很简单和加载网页完全一致

基本格式：webView.loadUrl(“javascript:methodName(parameterValues)”)

例子1:

无参数方法

String call = "javascript:sayHello()";

webView.loadUrl(call);

例子2:

注意对于字符串作为参数值需要进行转义双引号

String call = "javascript:alertMessage(\"" + "content" + "\")";

webView.loadUrl(call);

关于如何安全的进行交互，避免注入攻击，请参考：http://mobile.51cto.com/aprogram-452011.htm

关于如何获取js的返回值，请参考：http://droidyue.com/blog/2014/09/20/interaction-between-java-and-javascript-in-android/

让Java和JavaScript进行交互的更多相关文章

  1. WebView中Java与JavaScript的交互

    原文首发于微信公众号:jzman-blog,欢迎关注交流! Android 开发过程中 WebView 的使用比较广泛,常用来加载网页,比如使用 WebView 加载新闻页面.使用 WebView 打 ...

  2. android webview与 java与javascript的交互

    webView.getSettings().setJavaScriptEnabled(true);//打开就可以用js的功能   webView.getSettings().setJavaScript ...

  3. Android中Java与JavaScript之间交互（转）

    Android代码: package com.fyfeng.testjavascript; import android.app.Activity; import android.content.In ...

  4. WebView上实现Java与JavaScript交互

    在安卓开发上,考虑到开发效率和界面更新,有时使用WebView结合web页面技术,可以快速迭代地开发移动应用.WebView加载资源的速度并不慢,但是如果资源多了,就很慢.图片.css.js.html ...

  5. Android与H5交互（java与js的交互）

    一.理论概述 1.js调用java方法 直接调用WebView的该方法就可以添加接口了,不过先要启动交互 // 启用javascript mWebView.getSettings().setJavaS ...

  6. Java和JavaScript中使用Json方法大全

    林炳文Evankaka原创作品. 转载请注明出处http://blog.csdn.net/evankaka   摘要:JSON(JavaScript Object Notation) 是一种轻量级的数 ...

  7. Nashorn 在JDK 8中融合Java与JavaScript之力

    从JDK 6开始,Java就已经捆绑了JavaScript引擎,该引擎基于Mozilla的Rhino.该特性允许开发人员将JavaScript代码嵌入到Java中,甚至从嵌入的JavaScript中调 ...

  8. Nashorn——在JDK 8中融合Java与JavaScript之力

      从JDK 6开始,Java就已经捆绑了JavaScript引擎,该引擎基于Mozilla的Rhino.该特性允许开发人员将JavaScript代码嵌入到Java中,甚至从嵌入的JavaScript ...

  9. javascript与java的相互调用，纯java的javascript引擎rhino(转载)

    1.下载Rhino安装包,下载地址:官网http://www.mozilla.org/rhino. 2.rhino环境配置,把解压出来的js.jar文件加入到系统的环境变量classpath 3.在命 ...

随机推荐

  1. Java并发编程、多线程、线程池…

    <实战java高并发程序设计>源码整理https://github.com/petercao/concurrent-programming/blob/master/README.md Ja ...

  2. [C编码笔记] 空串与NULL是不一样的

    int main() { char *str = NULL; printf("%p \n", str); printf("%p \n", &str); ...

  3. JavaScript中的Map、Set及其遍历

    Map Map是一组键值对的结构,具有极快的查找速度. Map的定义. //空map设值key-value var m = new Map(); m.set("XiaoMing", ...

  4. BZOJ.2521.[SHOI2010]最小生成树(最小割ISAP/Dinic)

    题目链接 一条边不变其它边减少可以看做一条边增加其它边不变. 假设要加的边lab为(A->B,v),那么肯定是要使除这条边外,A->B的每条路径上的最小权值都\(>v\),这样在连通 ...

  5. 工具使用-----Jmeter-脚本的录制

    //转载  http://www.cnblogs.com/fnng/archive/2011/08/20/2147082.html 以下是我自己录制的关于这篇文章的视频,有兴趣的可以下载哦 https ...

  6. Codeforces Round #284 (Div. 1) A. Crazy Town 计算几何

    A. Crazy Town 题目连接: http://codeforces.com/contest/498/problem/A Description Crazy Town is a plane on ...

  7. Programmed Adjustable Power

    Programmed Adjustable Power I just explored an easy scheme to design a high precision programmed adj ...

  8. Timer-triggered memory-to-memory DMA transfer demonstrator

    http://www.efton.sk/STM32/bt.c // Timer-triggered memory-to-memory DMA transfer demonstrator for STM ...

  9. Both - Either - Neither English Grammar

    http://www.grammar.cl/english/both-either-neither.htm Both, Either, Neither Summary Chart We use bot ...

  10. 8张图理解Java---importnew---programcreek

    http://www.importnew.com/11725.html https://www.programcreek.com/2013/09/top-8-diagrams-for-understa ...