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

时间:2022-07-27
本文章向大家介绍Android中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里)

以上就是本文的全部内容,希望对大家的学习有所帮助。