JS与IOS、Android的交互

时间：2023-02-15 23:53:10

一、JS与Android

放在了assets文件夹下了（注意若使用的是AS这个IDE，assets文件夹应放在src/main目录下）

<!DOCTYPE html>

<html>

   <head>

      <meta charset="utf-8">

      <title>葛夫锋</title>

      <script>

         function callAndroid(){

            test.hello("js调用了android中的hello方法");

         }

      </script>

   </head>

   <body>

      <button type="button" id="button1" onclick="callAndroid()">js调用android中的代码</button>

   </body>

</html>

代码非常简单，页面中就一个按钮，点击这个按钮调用callAndroid函数，这里需注意callAndroid函数中的语句是android中对外的的一个函数，在android中的代码：

{

    ...

    webSettings.setJavaScriptEnabled(true);

    webView.addJavascriptInterface(this, "test");//对应js中的test.xxx

    webView.loadUrl("file:///android_asset/js_web.html");

}

@JavascriptInterface

public void hello(String msg){//对应js中xxx.hello("")

    Log.e("webview","hello");

    Toast.makeText(this,msg,Toast.LENGTH_LONG).show();

}

这里需注意的是hello函数加上注解@javascriptInterface，这样点击html中的按钮就会调用android中的hello方法了。

二、Android调用JS代码

js代码如下：

<script>

   function callJS(){

      alert("android调用了js中的callJS方法");

   }

</script>

android代码如下：

public void click(View view){

    webView.post(new Runnable() {

        @Override

        public void run() {

            webView.loadUrl("javascript:callJS()");

        }

    });

}

当android中的按钮被点击时会触发click方法，然后执行webview.loadUrl("javascript:callJS()")，然后js中正好有callJS这个方法，然后alert()就会被执行。

这个总结很好：

https://github.com/shaojiankui/iOS-WebView-JavaScript

JS与IOS、Android的交互的更多相关文章

  1. js 与 ios Android交互

    一.android 交互 1.js调用webview 在android API Level 17及以上的版本中,就会出现js调用不了android的代码,这是版本兼容的问题,需要在调用的方法上面加一个 ...

  2. unity 和 iOS&sol;Android 信息交互（方法调用）

    参考文章均来源于[大神雨松momo]的文章. unity -> iOS // unity 程序 usingSystem.Runtime.InteropServices; usingUnityEn ...

  3. JS与IOS、安卓的交互

    最近做的项目中涉及到了与安卓和ios的交互问题,对于一个新手来说,多多少少会有点迷糊.在调用安卓和ios的callback回调时,很轻松的就调用成功了,而且,步骤也不那么繁琐.刚开始,只知道那样使用可 ...

  4. Ionic中使用Chart&period;js进行图表展示以及在iOS&sol;Android中的性能差异

    Angular Chart 简介 在之前的文章中介绍了使用 Ionic 开发跨平台(iOS & Android)应用中遇到的一些问题的解决方案. 在更新0.1.3版本的过程中遇到了需要使用图表 ...

  5. 毫无保留开源我写的：IOS Android Ipad 多点触摸通用js 库

    毫无保留开源我写的:IOS Android Ipad 多点触摸通用js 库 在线演示地址: http://m.yunxunmi.com/ 支持 IOS Android Ipad 等不同操作系统的手持或 ...

  6. 关于前端本地压缩图片，兼容IOS&sol;Android&sol;PC且自动按需加载文件之lrz&period;bundle&period;js

    一.介绍说明主要特点: ①在前端压缩好要上传的图片可以更快的发送给后端,因此也特别适合在移动设备上使用. ②兼容IOS/Android,修复了IOS/Android某些版本已知的BUG. ③按需加载文 ...

  7. Ios开发之 -- js和ios的交互

    ==WebViewJavascriptBridge的介绍== #下载:https://github.com/marcuswestin/WebViewJavascriptBridge #关于WebVie ...

  8. Cordova - 与iOS原生代码交互2（使用Swift开发Cordova的自定义插件）

    在前一篇文章中我介绍了如何通过 js 与原生代码进行交互(Cordova - 与iOS原生代码交互1(通过JS调用Swift方法)),当时是直接对Cordova生成的iOS工程项目进行编辑操作的(添加 ...

  9. cordova与ios native code交互的原理

    非常早曾经写了一篇博客,总结cordova插件怎么调用到原生代码:cordova调用过程,只是写得太水.基本没有提到原理.近期加深了一点理解,又一次补充说明一下 js调用native 以下是我们产品中 ...

随机推荐

  1. sharepoint2013爬xls文件：Error initializing IFilter for extension的解决方案

    最近sharepoint2013爬网出现: error initializing IFilter for extension '.xls' (Error code is 0x80030002). Th ...

  2. php实现函数重载

    java..net等强类型预言中都有方法重载,但是PHP是弱类型语言,不能确定参数的类型, 而且如果php定义的方法接收一个参数,调用的时候传入多个也不会有问题,所以不能进行重载. 但是我们可以通过p ...

  3. Codeforces Round &num;245 &lpar;Div&period; 2&rpar; A - Points and Segments &lpar;easy&rpar;

    水到家了 #include <iostream> #include <vector> #include <algorithm> using namespace st ...

  4. LeetCode Number of Digit One

    原题链接在这里:https://leetcode.com/problems/number-of-digit-one/ 每10个数, 有一个个位是1, 每100个数, 有10个十位是1, 每1000个数 ...

  5. JavaScript设计模式的简单理解

    设计模式可以理解为一系列的代码框架,我觉得主要涉及封装的概念.把实现某一功能的代码段封装在函数中,可以方便调用,同时利于代码的复用,提高了代码的可维护性.下面简单介绍一下几种设计模式的个人感受. 1. ...

  6. Mysql执行Update操作时会锁住表

    update tableA a,(select a.netbar_id,sum(a.reward_amt) reward_amt from tableB a group by a.netbar_id) ...

  7. Thread类详解

    java.lang 类 Thread java.lang.Object java.lang.Thread 所有已实现的接口: Runnable public class Threadextends O ...

  8. es6新特性：

    http://es6katas.org/ es6+一些新特性,截图如下 对应方法,函数显示相关的数据,如图: 对应方法,函数的例子,如下

  9. Struts2 访问web元素

    访问web元素的四种方法(耦合,依赖注入).(耦合,非依赖注入).(非耦合,依赖注入).(非耦合,非依赖注入) 耦合:可以得到HttpServletResponse,HttpServletReques ...

  10. 海外 App 的推送服务，试试 FCM 吧！！！

    > **版权声明:** > > **本账号发布文章均来自公众号,承香墨影(cxmyDev),版权归承香墨影所有.** > > **每周会统一更新到这里,如果喜欢,可关注公 ...

相关文章