JavaScript与Java通信

1、WebView中JavaScript调用Android程序中Java：

使用WebView类中的addJavascriptInterface()方法，能够使用它扩展嵌入式浏览器内的DOM（文档对象模型），并定义JavaScript代码能够訪问的新对象。JavaScript代码调用该对象的方法时。实际上它会调用Android程序中的方法。

2、在Android程序中调用JavaScript方法：

调用loadUrl()方法。将URL以javascript:要运行的代码 的形式传递给它。浏览器会在当前页面运行给定的JavaScript表达式。而不是转到新的页面。

实例：

构建一个Android程序，布局例如以下（res/layout/activity_local_browser.xml）

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

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

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical" >

    <WebView

        android:id="@+id/web_view"

        android:layout_width="fill_parent"

        android:layout_height="fill_parent"

        android:layout_weight="1.0" />

    <LinearLayout

        android:layout_width="fill_parent"

        android:layout_height="fill_parent"

        android:layout_weight="1.0"

        android:orientation="vertical" >

        <TextView

            android:id="@+id/url_field"

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:text="@string/textview"/>

        <Button

            android:id="@+id/button"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="@string/call_javascript_from_android" />

        <TextView

            android:id="@+id/text_view"

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"/>

    </LinearLayout>

</LinearLayout>

能够看出，布局的上半部分是WeView控件。下部分是来自Android用户界面的TextView和Button。

以下须要完毕将被载入到WebView中的index.html文件（assets/index.html），代码例如以下

<html>

<head>

<script language="JavaScript">

	function callJS(arg){

			document.getElementById('replaceme').innerHTML = arg;

		}

</script>

</head>

<body>

<h1>WebView</h1>

<p>

<a href="#" onclick="window.alert('Alert from JavaScript')">

	Display JavaScript alert</a>

</p>

<p>

<a href="#" onclick="window.android.callAndroid('Hello from Browser')">

	Call Android from JavaScript</a>

</p>

<p id="replaceme">

</p>

</body>

</html>

能够看到。callJS()函数是将会在Java代码中被调用JavaScript函数，它接收一个參数并赋值给replaceme标签。往下的两条链接各自是调用window.alert()函数（显示短消息）和window.android对象的callAndroid()方法（在Java代码中定义好的）。

同一时候不要忘记在res/values/strings.xml文件里完毕字符串的赋值：

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

<resources>

    <string name="app_name">LocalBrower</string>

    <string name="action_settings">Settings</string>

    <string name="textview">TextView</string>

    <string name="call_javascript_from_android">Call JavaScript from Android</string>

</resources>

完毕这些准备后，就能够把目光放在程序的LocalBrowser类上了，代码例如以下：

package com.example.localbrowser;

import android.support.v7.app.ActionBarActivity;

import android.annotation.SuppressLint;

import android.os.Bundle;

import android.os.Handler;

import android.view.Menu;

import android.view.MenuItem;

import android.view.View;

import android.view.View.OnClickListener;

import android.webkit.JavascriptInterface;

import android.webkit.JsResult;

import android.webkit.WebView;

import android.webkit.WebChromeClient;

import android.widget.Button;

import android.widget.TextView;

import android.widget.Toast;

@SuppressLint("JavascriptInterface")

public class LocalBrowser extends ActionBarActivity {

	private WebView webview;

	private Button button;

	private TextView textview;

	private final Handler handler = new Handler();

	@Override

	protected void onCreate(Bundle savedInstanceState) {

		super.onCreate(savedInstanceState);

		setContentView(R.layout.activity_local_browser);

		webview = (WebView) findViewById(R.id.web_view);

		button = (Button) findViewById(R.id.button);

		textview = (TextView) findViewById(R.id.text_view);

		button.setOnClickListener(new OnClickListener() {

			public void onClick(View view) {

				//单击按钮时，通过WebView.loadUrl()方法调用index.html中定义的callJS()函数

				webview.loadUrl("javascript:callJS('Hello from Android')");

			}

		});

		//打开JavaScript(默认是关闭的)

		webview.getSettings().setJavaScriptEnabled(true);

		//往WebView中注入Java对象，从而使得在index.tml中能使用此对象的方法

		webview.addJavascriptInterface(new AndroidBridge(), "android");

		webview.setWebChromeClient(new WebChromeClient() {

			// 覆盖默认的window.alert()的展示界面

			public boolean onJsAlert(final WebView view, final String url,

					final String message, JsResult result) {

				Toast.makeText(LocalBrowser.this, message, 3000).show();

				result.confirm();

				return true;

			}

		});

		webview.loadUrl("file:///android_asset/index.html");//载入本地网页，注意有3个斜杠

	}

	public class AndroidBridge {

		@JavascriptInterface

		// 要通过JavaScript调用的Java代码片段

		public void callAndroid(final String arg) {

			handler.post(new Runnable() {

				public void run() {

					textview.setText(arg);

				}

			});

		}

	}

}

整个过程非常easy，但有点要注意的是：

在AdroidBridge类中

4.2之前向WebView注入的对象所暴露的接口callAndroid没有凝视语句@JavascriptInterface，而4.2及以后的则多了凝视语句@JavascriptInterface。假设去掉这行代码，当程序调用此方法时。将不能成功，而logcat会报例如以下输出：

E/Web
Console: Uncaught TypeError: Object [object Object] has no method 'callAndroid'

程序界面：

当单击button和链接时，它会在两个环境间进行调用，以下是执行效果图

JavaScript与Java通信的更多相关文章

Cocos2d-JS/Ajax用Protobuf与NodeJS/Java通信
原文地址:http://www.iclojure.com/blog/articles/2016/04/29/cocos2d-js-ajax-protobuf-nodejs-java Google的Pr ...
JsBridge实现Javascript和Java的互相调用
前端网页Javascript和Native互相调用在手机应用中越来越常见,JsBridge是最常用的解决方案. 在Android开发中,能实现Javascript与Native代码通信的,有4种途径: ...
【历史】JavaScript和Java没啥关系！————JavaScript简史
文章的开始先上张图: 图片拍摄自北京图书大厦,代表着现在国内应该是绝大部分书店的现状--Javascript书籍放在Java类当中.甚至很多业内人也一直认为Javascript是Java语言在浏览器内 ...
JavaScript和Java之间的关系
今天来简单而又详细地说说JavaScript和Java的关系. 开门见山总结性一句话,它们之间的关系 = 雷锋和雷峰塔之间的关系,换句话说:它们之间没什么关系. 但往往有不少初学者甚至中级者认为它们之 ...
JavaScript调Java
1.映射Java对象到JavaScript对象上 MainActivity.java package com.example.jsdemo; import android.os.Bundle; imp ...
JavaScript与Java的区别
关于java和javascript的关系,我曾在一个论坛上看过这样一句话,java和javascript的关系,就好比雷锋和雷峰塔的关系,实在是经典! 因为名字的关系,总是有人误以为Javascrip ...
AES加密CBC模式兼容互通四种编程语言平台【PHP、Javascript、Java、C#】
原文:AES加密CBC模式兼容互通四种编程语言平台[PHP.Javascript.Java.C#] 由于本人小菜,开始对AES加密并不了解,在网络上花了比较多时间查阅资料整理: 先简单从百度找来介绍: ...
NanUI文档 - 如何实现C#与Javascript的相互通信
NanUI文档目录 NanUI简介开始使用NanUI 打包并使用内嵌式的HTML/CSS/JS资源使用网页来设计整个窗口如何实现C#与Javascript的相互通信如何处理NanUI中的下载过 ...
javascript && php &&java
java && javascript && php 轰炸!!!恢复 1.javascript简介 *是基于对象和时间的驱动语言,应用于客户端. -----基于对象: * ...

随机推荐

laravel 设计思想简单了解
服务容器 laravel框架中服务容器是整个系统功能调度配置的核心,在系统运行过程中动态的为系统提供需要的服务从而实现了解耦控制反转(IOC) 控制反转是一种设计模式主要解决了系统组件之间的相 ...
安装tesserocr的步骤和报错RuntimeError: Failed to init API, possibly an invalid tessdata path解决办法
1,首先下载合适的tesseract-ocr的版本 2,然后安装到这一步注意要勾选这一项来安装OCR识别支持的语言包,这样OCR就可以识别多国语言,然后就可以一直点击下一步完成安装. 3,安装tess ...
pytorch 加载数据集
pytorch初学者,想加载自己的数据,了解了一下数据类型.维度等信息,方便以后加载其他数据. 1 torchvision.transforms实现数据预处理 transforms.Totensor( ...
四、10分钟ToPandas_0.24.2
# Author:Zhang Yuan整理,版本Pandas0.24.2 # 0. 习惯上,我们会按下面格式引入所需要的包: import pandas as pd import numpy as n ...
python爬虫入门一：爬虫基本原理
1. 什么是爬虫爬虫就是请求网站并提取数据的自动化程序 2. 爬虫的基本流程 1)发送请求通过HTTP库向目标站点发送请求,即发送一个Request. 请求可以包含额外的headers等信息,等待 ...
codeforces Lightsabers (hard)
题目大意: 给定每种球的数量,求从中选取k个球有多少种不同的取法,同种球视为相同的. 题解: 多项式(1+x+x^2+...+x^a[1])*(1+x+x^2+...+x^a[2])*(1+x+x^2 ...
iOS 绕过https证书验证请求数据
HTTPS和HTTP: 1.https协议需要到ca申请证书,一般免费证书很少,需要交费. 2.http是超文本传输协议,信息是明文传输,https 则是具有安全性的ssl加密传输协议. 3.http ...
2017 Wuhan University Programming Contest (Online Round) D. Events，线段树区间更新+最值查询！
D. Events 线段树区间更新查询区间历史最小值,看似很简单的题意写了两天才写出来. 题意:n个数,Q次操作,每次操作对一个区间[l,r]的数同时加上C,然后输出这段区间的历史最小值. 思路:在线 ...
tomcat404
确认目录下有我的html文件,但仍然是404. 问题一: 指定目录下没有访问的文件,这是最常见的,也是最容易解决的.只需要将访问的文件(如:a.html)放到指定目录下即可. 问题二: 将访问的文件( ...
BZOJ 4811 [Ynoi2017]由乃的OJ ——Link-Cut Tree
直接维护按照顺序经过每一段,初始的1可以变成什么,初始为0可以变成什么. 然后答案就可以和起床困难综合征一样贪心处理了. 写起来并不好写. 发现交换左右子树之后答案会改变,GG 调了一天,最后还是T掉 ...

JavaScript与Java通信

JavaScript与Java通信的更多相关文章

随机推荐

热门专题