Android中可以通过WebView来实现与js的交互，让用户可以在android客户端看到js写的页面，接下来为大家介绍的就是怎样实现此功能：

首先android项目目录下有“assets”文件夹，开发者需要将html文件拷贝到此文件夹下。

html代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-- saved from url=(0032)http://localhost:8080/jsandroid/ -->

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta http-equiv="Expires" content="0">

<meta http-equiv="Pragma" content="no-cache">

<meta http-equiv="Cache-Control" content="no-store,no-cache">

<meta name="Handheldfriendly" content="true">

<meta name="viewport" content="width=100%; initial-scale=1.0; user-scalable=yes">

<meta name="robots" content="all">

<meta name="keywords" contect="doodle, mobile, doodlemobile, game, games">

<meta name="description" content="Make People's Mobile Life More Connected Through Games.">

<title>jsandroid_test</title>

<script type="text/javascript" language="javascript"> 
   //此方法是调用了android的方法HtmlcallJava2()；

    function showHtmlcallJava2(){

        var str = document.getElementById("id_input").value

        var str1 = document.getElementById("id_input2").value
    //调用android中的方法

        window.jsObj.HtmlcallJava2(str+","+str1);

        }

</script>

</head>

<body>

hello IT-homer

<br>

<br>

<br>

<br>

<input id="id_input" style="width: 90%" type="text" value="null" />

<br>

<br>

<input id="id_input2" style="width: 90%" type="text" value="null" />

<br>

</body>

</html>

xml布局文件，很简单：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical"

    tools:context=".JSAndroidActivity" >

    <WebView

        android:id="@+id/mWebView"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_weight="1" />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:onClick="clickView"

        android:text="获取" />

</LinearLayout>
mainActivity中的核心代码是：
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
mWebView.addJavascriptInterface(jsInterface, "jsObj");

mWebView.loadUrl("file:///android_asset/index.html");
请理解核心代码的详细注释

mainActivity代码：
package com.homer.jsandroid;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

import java.util.StringTokenizer;

import android.R.anim;

import android.annotation.SuppressLint;

import android.app.Activity;

import android.content.pm.ActivityInfo;

import android.os.Bundle;

import android.os.Handler;

import android.view.KeyEvent;

import android.view.View;

import android.webkit.WebChromeClient;

import android.webkit.WebSettings;

import android.webkit.WebView;

import android.widget.TextView;

import android.widget.Toast;

public class JSAndroidActivity extends Activity {

    private Activity mActivity = null;

    private WebView mWebView = null;

    private String message;

    private JsInterface jsInterface;

    private String[] params = null;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        mActivity = this;

        // 锁定横屏

        setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);

        setContentView(R.layout.main);

        params = new String[2];

        jsInterface = new JsInterface();

        showWebView();

    }

    @SuppressLint("SetJavaScriptEnabled")

    private void showWebView() {

        try {

            mWebView = (WebView) findViewById(R.id.mWebView);

            mWebView.requestFocus();

            mWebView.setWebChromeClient(new WebChromeClient() {

                @Override

                public void onProgressChanged(WebView view, int progress) {

                    JSAndroidActivity.this.setTitle("Loading...");

                    JSAndroidActivity.this.setProgress(progress);

                    if (progress >= 80) {

                        JSAndroidActivity.this.setTitle("JsAndroid Test");

                    }

                }

            });

            mWebView.setOnKeyListener(new View.OnKeyListener() {

                @Override

                public boolean onKey(View v, int keyCode, KeyEvent event) {

                    if (keyCode == KeyEvent.KEYCODE_BACK

                            && mWebView.canGoBack()) {

                        mWebView.goBack();

                        return true;

                    }

                    return false;

                }

            });

            // WebView的管理设置状态

            WebSettings webSettings = mWebView.getSettings();

            // 设置android下容许执行js的脚本

            webSettings.setJavaScriptEnabled(true);

            // 编码方式

            webSettings.setDefaultTextEncodingName("utf-8");

            /*

             * 使用这个函数将一个对象绑定到Javascript,因此可以从Javascript访问的方法,

             * Android（Java）与js（HTML）交互的接口函数, jsObj 为桥连对象可随意设值

             */

            mWebView.addJavascriptInterface(jsInterface, "jsObj");

            /*

             * Android（Java）访问js（HTML）端代码是通过loadUrl函数实现的，访问格式如：

             * mWebView.loadUrl("javascript: showFromHtml()");

             */

            mWebView.loadUrl("file:///android_asset/index.html");

        } catch (Exception e) {

            e.printStackTrace();

        }

    }

    private class JsInterface {

        /**

         * js中通过window.jsObj.HtmlcallJava2("参数") 可以调用此方法并且把js中input中的值作为参数传入，

         * 但这是在点击js中的按钮得到的，若实现点击java中的按钮得到，需要方法 clickView(View v)

         *

         * @param param

         */

        public void HtmlcallJava2(final String param) {

            message = param;

            String str = message;

            StringTokenizer st = new StringTokenizer(str, ",;");

            while (st.hasMoreTokens()) {

                for (int i = 0; i < params.length; i++) {

                    params[i] = st.nextToken();

                    System.out.println(params[i]);

                }

            }

            Toast.makeText(JSAndroidActivity.this, param, Toast.LENGTH_SHORT)

                    .show();

        }

    }

    /**

     * button的点击事件

     *

     * @param v

     */

    public void clickView(View v) {

        runOnUiThread(new Runnable() {

            @Override

            public void run() {

                /**

                 * 调用js中的方法实现点击java中的按钮得到js中input的值

                 */

                mWebView.loadUrl("javascript: showHtmlcallJava2()");

            }

        });

    }

}
希望给大家带来帮助，谢谢!

Android—android与js交互以及相互传参的更多相关文章

  1. Android与JS交互，json传参问题

    一.JS调用Android的方法 JS调用安卓的方法,并且传递的参数为json格式的字符串(JSONObject.toString()), 例如: var json = {"name&quo ...

  2. JS XMLHttpRequest.upload.addEventListener 传参，回调

    JS 回调函数,传参的办法. function uploadFile(t) { var fd = new FormData(); fd.append("_netLogo", doc ...

  3. Android与js交互拍照上传资料

    应用场景:h5通知android端拍照,选相册,然后将图片路径上传成功之后,获取到网络路径,将此路径返还给h5界面,并展示出来. android与js快速交互 效果图如下:   1.在Activity ...

  4. java与js交互，相互调用传参

    随着前端技术的发展与H5的广泛使用,移动端采用native+h5的方式越来越多了,对于Android来说就涉及到java与js的交互,相互调用传参等.下面就来看一下java与js交互的简单demo. ...

  5. [android] WebView与Js交互

    获取WebView对象 调用WebView对象的getSettings()方法,获取WebSettings对象 调用WebSettings对象的setJavaScriptEnabled()方法,设置j ...

  6. vue 父子组件相互传参

    转自https://blog.csdn.net/u011175079/article/details/79161029 子组件: <template> <div> <di ...

  7. js 调用接口并传参

    注:需先引入 jquery.json-xx.min.js 1. 参数跟在url后面 var name = '王一'; var age = 18; $.ajax({ type : 'get', url ...

  8. flash与php 交互（as传参给php）

    一种 不传参 直接读取PHP文件 btn.addEventListener(MouseEvent.CLICK,loadTxt);function loadTxt(evt:MouseEvent):voi ...

  9. js加减运算·传参

    <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title> ...

随机推荐

  1. 关于SubSonic3.0插件更新字符串过长引发的System.Data.SqlClient.SqlException的异常修复

    最近公司客服提交了个BUG,说是更新产品详细信息时,有的可以有的更新不了,前段时间一直没空所以暂时放下,刚才又出现这个问题,所以马上处理了一下. 打开项目解决方案,进入DEBUG模式,拿到操作的数据提 ...

  2. 构建自己的PHP框架--实现Model类(2)

    在上一篇博客中我们简单实现了findOne方法,但我们可以看到,还是有一些问题的,下面我们来修正一下这些问题. 首先是返回的数据中,数字被转换成了字符串.我们需要的是数字啊... PDO中有属性可以支 ...

  3. C# 将PowerPoint文件转换成PDF文件

    PowerPoint的优势在于对演示文档的操作上,而用PPT查看资料,反而会很麻烦.这时候,把PPT转换成PDF格式保存,再浏览,不失为一个好办法.在日常编程中和开发软件时,我们也有这样的需要.本文旨 ...

  4. C# Excel 为图表添加趋势线、误差线

    Excel图表能够将数据可视化,在图表中另行添加趋势线和误差线,可对数据进行进一步的数据分析和统计的可视化处理.Excel中的趋势线可用于趋势预测/回归分析,共6中类型:指数(X),线性(L),对数( ...

  5. objective-c 语法快速过（4）

    oc 里的字符串 字符串的快速创建(最简单的方法) NSStirng *str = @“Hello”;//oc的字符串都是@“”形式的 oc的字符串也是类的对象,是NSString类的对象,创建没有那 ...

  6. VNC的安装和配置

    服务端环境:CentOS 6.7 客户端环境:Windows 7 1.服务器安装VNC服务端 2.编辑vnc配置文件 3.设定VNC的密码 4.查看vnc的会话信息 5.客户端测试vnc连接 Refe ...

  7. 在ASP.NET Core使用Middleware模拟Custom Error Page功能

    一.使用场景 在传统的ASP.NET MVC中,我们可以使用HandleErrorAttribute特性来具体指定如何处理Action抛出的异常.只要某个Action设置了HandleErrorAtt ...

  8. [AngularJS] AngularJS系列(6) 中级篇之ngResource

    目录 $http ngResource $http几乎是所有ng开发中,都会用到的服务.本节将重点说下$http 与 ngResource $http 使用:$http(config); 参数: me ...

  9. linq分页组合查询

    一.linq高级查 1.模糊查(字符串包含) 1 public List<User> Select(string name) 2 { 3 return con.User.Where(r = ...

  10. C#新手常犯的错误

    虽然这篇post的标题是新手常犯的错误,实际上很多有经验的程序员也经常犯这些错误,我整理了一下,就当是笔记.1.遍历List的错误,比如如下代码: List<String> strList ...