Android中webview里js和java的相互调用--含代码demo解析(1)

最后

小编在这里分享些我自己平时的学习资料，由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

开源分享：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】

程序员代码面试指南 IT名企算法与数据结构题目最优解

这是” 本程序员面试宝典!书中对IT名企代码面试各类题目的最优解进行了总结，并提供了相关代码实现。针对当前程序员面试缺乏权威题目汇总这一-痛点， 本书选取将近200道真实出现过的经典代码面试题，帮助广“大程序员的面试准备做到万无一失。 “刷”完本书后，你就是“题王”!

《TCP-IP协议组(第4版)》

本书是介绍TCP/IP协议族的经典图书的最新版本。本书自第1版出版以来，就广受读者欢迎。

本书最新版进行」护元，以体境计算机网络技不的最新发展，全书古有七大部分共30草和7个附录:第一部分介绍一些基本概念和基础底层技术:第二部分介绍网络层协议:第三部分介绍运输层协议;第四部分介绍应用层协议:第五部分介绍下一代协议，即IPv6协议:第六部分介绍网络安全问题:第七部分给出了7个附录。

Java开发手册（嵩山版）

这个不用多说了，阿里的开发手册，每次更新我都会看，这是8月初最新更新的**（嵩山版）**

MySQL 8从入门到精通

本书主要内容包括MySQL的安装与配置、数据库的创建、数据表的创建、数据类型和运算符、MySQL 函数、查询数据、数据表的操作(插入、更新与删除数据)、索引、存储过程和函数、视图、触发器、用户管理、数据备份与还原、MySQL 日志、性能优化、MySQL Repl ication、MySQL Workbench、 MySQL Utilities、 MySQL Proxy、PHP操作MySQL数据库和PDO数据库抽象类库等。最后通过3个综合案例的数据库设计，进步讲述 MySQL在实际工作中的应用。

Spring5高级编程（第5版）

本书涵盖Spring 5的所有内容，如果想要充分利用这一领先的企业级 Java应用程序开发框架的强大功能，本书是最全面的Spring参考和实用指南。

本书第5版涵盖核心的Spring及其与其他领先的Java技术(比如Hibemate JPA 2.Tls、Thymeleaf和WebSocket)的集成。本书的重点是介绍如何使用Java配置类、lambda 表达式、Spring Boot以及反应式编程。同时，将与企业级应用程序开发人员分享一些见解和实际经验，包括远程处理、事务、Web 和表示层，等等。

JAVA核心知识点+1000道 互联网Java工程师面试题

企业IT架构转型之道 阿里巴巴中台战略思想与架构实战

本书讲述了阿里巴巴的技术发展史，同时也是-部互联网技 术架构的实践与发展史。

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友，可以点击这里获取

wv.loadUrl(“file:///android_asset/test.html”);

}

class webviewClient extends WebViewClient {

@Override

public void onPageFinished(WebView view, String url) {

// TODO Auto-generated method stub

super.onPageFinished(view, url);

btn_show.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

Toast.makeText(getBaseContext(), “内容显示了”, Toast.LENGTH_LONG).show();

wv.loadUrl(String.format(“javascript:java2js(0)”));//这里是java端调用webview的JS

}

});

btn_hide.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

Toast.makeText(getBaseContext(), “内容隐藏了”, Toast.LENGTH_LONG).show();

wv.loadUrl(String.format(“javascript:java2js(1)”));//这里是java端调用webview的JS

}

});

JSInterface2.setWvClientClickListener(new webviewClick());//这里就是js调用java端的具体实现

}

}

class webviewClick implements JsInterface.wvClientClickListener {

@Override

public void wvHasClickEnvent() {

// TODO Auto-generated method stub

Toast.makeText(getBaseContext(), “js调用了本地java方法”, Toast.LENGTH_LONG).show();

}

}

}

二，定义要调用的java类和java方法（这里最好单独定义一个类）

public class JsInterface {

/*interface for javascript to invokes*/

public interface wvClientClickListener {

public void wvHasClickEnvent();

}

private wvClientClickListener wvEnventPro = null;

public void setWvClientClickListener(wvClientClickListener listener) {

wvEnventPro = listener;

}

@JavascriptInterface  //这个注解很重要

public void javaFunction() {

if(wvEnventPro != null)

wvEnventPro.wvHasClickEnvent();

}

}

三，把下面的html文件复制到一个文本text中。然后把文件名改为test.html

点击调用java方法

this is a hide div~~~~

 

四，为照顾大家，把布局文件也直接贴出出来

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

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

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:orientation=“vertical” >

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:orientation=“vertical”

android:layout_weight=“1”>

<Button

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:id=“@+id/btn_java2js_show”

android:text=“java调用js显示内容”/>

<Button

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:id=“@+id/btn_java2js_hide”

android:text=“java调用js隐藏内容”/>

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:orientation=“vertical”

android:layout_weight=“1”>

<WebView

android:id=“@+id/wv_js2java”

android:layout_width=“match_parent”

android:layout_height=“match_parent”/>

 

只需要上面简简单单的四个步骤，就能实现webview中js和java的相互调用了。

注意事项

1，需要在整个html页面加载完成后才能调用js事件，在使用webview加载网页时，

WebViewClient的onPageStarted（加载开始）

onPageFinished加载结束。

所以在网页加载完成后在onPageFinished方法中调用js事件（Android调用js事件改编一些h5页面中的样式）

2，记得在JS调用的JAVA方法前一定要有@JavascriptInterface。

原因是在4.4.2中对JavascriptInterface安全性的要求更高更严格，需要标识出这个方法是能被js调用的方法，以增加安全性。

3，联网获得HTML文档要加权限连接网络：

下面是demo地址。希望能给大家提供帮助。有问题可以留言。最近工作忙，有时间会一一回复大家的。

http://download.csdn.net/detail/qiushi_1990/9324875

来自爱分享的小石头

总结

总体来说，如果你想转行从事程序员的工作，Java开发一定可以作为你的第一选择。但是不管你选择什么编程语言，提升自己的硬件实力才是拿高薪的唯一手段。

如果你以这份学习路线来学习，你会有一个比较系统化的知识网络，也不至于把知识学习得很零散。我个人是完全不建议刚开始就看《Java编程思想》、《Java核心技术》这些书籍，看完你肯定会放弃学习。建议可以看一些视频来学习，当自己能上手再买这些书看又是非常有收获的事了。

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友，可以点击这里获取

总结

总体来说，如果你想转行从事程序员的工作，Java开发一定可以作为你的第一选择。但是不管你选择什么编程语言，提升自己的硬件实力才是拿高薪的唯一手段。

如果你以这份学习路线来学习，你会有一个比较系统化的知识网络，也不至于把知识学习得很零散。我个人是完全不建议刚开始就看《Java编程思想》、《Java核心技术》这些书籍，看完你肯定会放弃学习。建议可以看一些视频来学习，当自己能上手再买这些书看又是非常有收获的事了。

[外链图片转存中…(img-3xt3ESiu-1715808451258)]

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友，可以点击这里获取