Android js 交互 Android中js和原生交互的代码实例

时间:2021-03-29 小邦向前冲人气:0

想了解Android中js和原生交互的代码实例的相关内容吗，小邦向前冲在本文为您仔细讲解Android js 交互的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：Android,js,交互,js与原生交互,js和原生交互，下面大家一起来学习吧。

本文介绍了Android中js和原生交互的示例代码，分享给大家，具体如下：

加载webview的类

public class MainActivity extends Activity {
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    JavaScriptInterface JSInterface;
    WebView wv;
    wv = (WebView) findViewById(R.id.wv_test);
    wv.getSettings().setJavaScriptEnabled(true); ///------- 设置javascript 可用
    JSInterface = new JavaScriptInterface(this); ////------
    wv.addJavascriptInterface(JSInterface, "JSInterface"); // 设置js接口 第一个参数事件接口实例，第二个是实例在js中的别名，这个在js中会用到
    wv.loadUrl("file:///android_asset/test.html");
  }
}

JavaScriptInterface类

public class JavaScriptInterface {
  Context mContext;
  JavaScriptInterface(Context c) {
    mContext = c;
  }

  @JavascriptInterface
  public void doSomething() {
   //点击webwiew网页里按钮时候要做的事

  }
}

webview

<html>
<head>
<script type="text/javascript">
function displaymessage()
{
JSInterface.doSomething();
}
</script>
</head>
<body>
<form>
<input type="button" value="Click me!" onclick="displaymessage()" />
</form>
</body>
</html>

代码下载

Demo代码下载(AS导到Module里)

加载全部内容