上一篇博客 Android-WebView与本地HTML (HTML调用-->Java的方法) 介绍了 JavaScript 调用--> Java中的方法，而此篇博客是介绍 Java 调用---> JavaScript中的方法

上上一篇博客 Android-WebView加载网络图片&网页 介绍了 使用WebView去加载网络上的图片与网页;

此篇博客专门介绍 Android-WebView与本地HTML (HTML调用-->Java的方法)， 其实对于WebView来说 无论是本地HTML 还是 网络HTML ，代码操作方式都是相似的，只是loadUrl(1.网络链接 或 2.本地链接)

Java 调用 ---> JavaScript的方法:

Activity:

package cn.h5;

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.webkit.WebView;

import android.widget.EditText;

public class MainActivity4 extends Activity {

    private EditText etName;

    private WebView webView;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main4);

        etName = findViewById(R.id.et_name);

        /**

         * 定义此WebView 用于去展现本地HTML

         */

        webView = findViewById(R.id.wv_webview);

        /**

         * WebView默认是不能够执行javascript

         * 以下代码是设置>>允许webview能够执行javascript代码

         */

        webView.getSettings().setJavaScriptEnabled(true);

        // 这里不需要设置 webView.addJavascriptInterface，是因为JavaScript不调用-->Java的方法

        /**

         * 加载本地的HTML文件

         */

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

    }

    /**

     * Button onClick 添加名字

     * @param view

     */

    public void addName(View view) {

        /**

         * 让WebView去执行JavaScript代码

         * 让WebView去执行JavaScript的my_function方法

         *

         * JavaScript方法：

         *      function my_function(myname) {

         *          document.getElementById("demo").innerHTML = "Java设置我的值名字是:" + myname;

         *      }

         */

        webView.loadUrl("javascript:my_function(" + etName.getText().toString() + ")");

    }

}

activity的布局:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout

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

    android:orientation="vertical"

    android:layout_width="match_parent"

    android:layout_height="match_parent">

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:orientation="horizontal">

        <EditText

            android:id="@+id/et_name"

            android:layout_width="0dp"

            android:layout_height="wrap_content"

            android:layout_weight="1"

            android:hint="请输入给JS的名字"

            />

        <Button

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="添加"

            android:onClick="addName"

            />

    </LinearLayout>

    <!--

            定义WebView

                1.WebView可以展现处理本地的HTML相关;

                2.WebView可以展现处理网络的HTML相关;

                3.WebView可以制作自定义浏览器;

                ....

         -->

    <WebView

        android:id="@+id/wv_webview"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginTop="60dp">

    </WebView>

</LinearLayout>

test2.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <!-- viewport的宽度等于设备宽度，viewport会根据屏幕宽度自动适应，并且对图片和文字进行缩放显示 -->

        <meta name="viewport" content="initial-scale=1.0" />

        <title>Web页面</title>

        <script type="text/javascript">

            function my_function(myname) {

                document.getElementById("demo").innerHTML = "Java设置我的值名字是:" + myname;

            }

        </script>

    </head>

    <body>

        这是一个html页面,现在在WebView中运行

        <p id = "demo"></p>

    </body>

</html>

执行结果:

Android-WebView与本地HTML (Java调用--->HTML的方法)的更多相关文章

  1. Android-WebView与本地HTML (Java调用--->HTML的方法)-(new WebView(this)方式)

    之前的博客,Android-WebView与本地HTML (Java调用--->HTML的方法),是在 findViewById(R.id.webview);,来得到WebView, 此博客使用 ...

  2. 原生java调用webservice的方法,不用生成客户端代码

    原生java调用webservice的方法,不用生成客户端代码 2015年10月29日 16:46:59 阅读数:1455 <span style="font-family: Aria ...

  3. Android使用JNI（从java调用本地函数）

    当编写一个混合有本地C代码和Java的应用程序时,需要使用Java本地接口(JNI)作为连接桥梁.JNI作为一个软件层和API,允许使用本地代码调用Java对象的方法,同时也允许在Java方法中调用本 ...

  4. Android WebView选择本地文件上传

    This sample demonstrate android webview choose file to upload. I just implement the client code ,the ...

  5. Android NDK开发 JNI操作java构造方法，普通方法，静态方法(七)

    Android NDK开发 JNI操作java普通.静态.构造方法 1.Jni实例化一个Java类的实例jobject 1.通过FindClas( ),获取Java类的的jclass 2.通过GetM ...

  6. Java调用webservice接口方法

                             java调用webservice接口   webservice的 发布一般都是使用WSDL(web service descriptive langu ...

  7. Java调用动态库方法说明-最详细

    Java不能直接调用由c或者c++写得dll(TF_ID.dll),所以只能采用jni得方法,一步一步生成符合规范得dll文件(假设叫FANGJIAN.dll),在FANGJIAN.dll这个文件里来 ...

  8. Android WebView 不支持 H5 input type="file" 解决方法

    最近因为赶项目进度,因此将本来要用原生控件实现的界面,自己做了H5并嵌入webview中.发现点击H5中 标签 不能打开android资源管理器. 通过网络搜索发现是因为 android webvie ...

  9. Java调用.NET webservice方法的几种方式

    最近做项目,涉及到web-service调用,现学了一个星期,现简单的做一个小结.下面实现的是对传喜物流系统(http://vip.cxcod.com/PodApi/GetPodStr.asmx?ws ...

随机推荐

  1. 域名ping不通，ip地址ping得通

    原因:dns服务器过期,需要更换dns服务器地址

  2. Trapping Rain Water LT42

    The above elevation map is represented by array [0,1,0,2,1,0,1,3,2,1,2,1]. In this case, 6 units of ...

  3. 关于Spring父容器和SpringMvc子容器

    在SSM项目中,会有SpringMvc容器(子容器)和Spring容器(父容器) 一共2个容器 基本规则: 子容器可以访问父容器的bean,父容器不能访问子容器的bean. 当<context: ...

  4. EasyUI DataGrid 获得分页信息

    var b = $('#SBDiv_1_DateGrid').datagrid('options'); console.info(b); 具体需要哪些字段,可以通过火狐debug,然后自己找需要的信息 ...

  5. CSS学习笔记：盒子模型

    盒子模型(CSS basic box model):When laying out a document, the browser's rendering engine represents each ...

  6. neo4j服务配置

    第一步: 首先下载neo4j的community版本的    https://neo4j.com/download-center/ 第二步-添加环境变量: NEO4J_HOME = [文件路径] Pa ...

  7. 2019.02.09 codeforces451 E. Devu and Flowers（容斥原理）

    传送门 题意简述:给出n堆花,对于第j堆,有f[j]朵花,每堆花的颜色不同,现在要从中选出s朵,求方案数. 思路: 假设所有花没有上限直接插板法,现在有了上限我们用容斥扣掉多算的 状压一下再容斥:fi ...

  8. 2019.01.21 NOIP训练 ak树（点分治）

    传送门 题意简述:给一棵带权树,问在上面随机选两个点距离是4的倍数的概率. 思路: 由于总方案数为定值n2n^2n2,所以只用求总方案数. 这个跟聪聪可可差不多,可以用类似树形dpdpdp的方法边点分 ...

  9. 【RabbitMQ】三种类型交换器 Fanout,Direct,Topic（转）

    出处:https://blog.csdn.net/fxq8866/article/details/62049393 RabbitMQ服务器会根据路由键将消息从交换器路由到队列中,如何处理投递到多个队列 ...

  10. (19)3 moons and a planet that could have alien life

    https://www.ted.com/talks/james_green_3_moons_and_a_planet_that_could_have_alien_life/transcript00:1 ...