当前位置: 首页 > 编程笔记 >

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

令狐烨烨
2023-03-14
本文向大家介绍Android中js和原生交互的示例代码,包括了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里)

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍ios原生和react-native各种交互的示例代码,包括了ios原生和react-native各种交互的示例代码的使用技巧和注意事项,需要的朋友参考一下 需求:让一个表格视图中的cell能左滑删除,效果图如下: 目前RN中的ListView主要问题是复用,以及其他一些细节如索引视图、左滑删除、编辑等,要想在RN上自定义实现原生的这种效果尚有一定的问题,在必要时可以考虑使用原生的U

  • 本文向大家介绍Django与JS交互的示例代码,包括了Django与JS交互的示例代码的使用技巧和注意事项,需要的朋友参考一下 应用一:有时候我们想把一个 list 或者 dict 传递给 javascript,处理后显示到网页上,比如要用 js 进行可视化的数据。 请注意:如果是不处理,直接显示在网页上,用Django模板就可以了。 这里讲述两种方法: 一,页面加载完成后,在页面上操作,在页面上

  • 本文向大家介绍Android的WebView与H5前端JS代码交互的实例代码,包括了Android的WebView与H5前端JS代码交互的实例代码的使用技巧和注意事项,需要的朋友参考一下 前段时间项目有深度和前端对接过,也是碰了一些坑,现在有时间就拿出来分享下 JS调用原生不外乎就两种,一种是传假的url,也就是url拦截的方式,类似于下面这种: 这种方法来调用原生,好处就是集成比较迅速,约定一个

  • 本文向大家介绍详解JS与APP原生控件交互,包括了详解JS与APP原生控件交互的使用技巧和注意事项,需要的朋友参考一下  “热更新”、“热部署”相信对于混合式开发的童鞋一定不陌生,那么APP怎么避免每次升级都要在APP应用商店发布呢?这里就用到了混合式开发的概念,对于电商网站尤其显得重要,不可能每次发布一个活动,都要发布一个现版本,当然这样对于Android还算可以,但是对于Ios呢?苹果应用商店

  • 本文向大家介绍Android中Service和Activity相互通信示例代码,包括了Android中Service和Activity相互通信示例代码的使用技巧和注意事项,需要的朋友参考一下 前言 在Android中,Activity主要负责前台页面的展示,Service主要负责需要长期运行的任务,所以在我们实际开发中,就会常常遇到Activity与Service之间的通信,本文就给大家详细介绍了

  • 本文向大家介绍原生js实现移动端瀑布流式代码示例,包括了原生js实现移动端瀑布流式代码示例的使用技巧和注意事项,需要的朋友参考一下 瀑布流布局已成为当今非常普遍的图片展示方式,无论是PC还是手机等移动设备上。最近使用到了“懒加载”,现在更新一般,因为平时主要使移动端的开发所以库文件使用的是zepto.js 。当然也可以和jQuery 通用。 代码如下: 以上所述就是本文给大家分享的全部内容了,希望