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简介 *是基于对象和时间的驱动语言,应用于客户端. -----基于对象: * ...

随机推荐

centos 7.3 快速安装ceph
Ceph的部署手册(Centos7.3) Ceph简介 Ceph是一种为优秀的性能.可靠性和可扩展性而设计的统一的.分布式文件系统. 部署逻辑架构准备3台主机,并且修改主机名(hostnam ...
DNS 网关子网掩码介绍
DNS DNS(Domain Name System,域名系统),因特网上作为域名和IP地址相互映射的一个分布式数据库,能够使用户更方便的访问互联网,而不用去记住能够被机器直接读取的IP数串.通过主机 ...
织梦dedecms自定义表单设置必填项
1. 用php验证在plus/diy.php的第 40行下加 //增加必填字段判断 if($required!=''){ if(preg_match('/,/', $required)) { $re ...
xfce-openvas9
1安装OpenVas 第一步,添加PPA源,在这我用的是一台新装的Ubuntu安装OpenVas,运行以下命令就可以进行安装 root@ubuntu:~# add-apt-repository ppa ...
hdu2024
这题目感觉不是很严谨,如果是关键字的话也是不能作为合法标识符的,但是这个不用检测,就算要检测也会很费劲,还得用字符串匹配,而且还得知道一共都有哪些关键字,太麻烦了,所以出题人原意就是检查大小写字母数字 ...
javascript前端下载
<html> <head> <title>测试标题</title> </head> <body> <div> 测试页 ...
hdu6061[NTT推公式] 2017多校3
/*hdu6061[NTT推公式] 2017多校3*/ #include <bits/stdc++.h> using namespace std; typedef long long LL ...
iOS学习笔记16-数据库SQLite
一.数据库在项目开发中,通常都需要对数据进行离线缓存的处理,如新闻数据的离线缓存等.离线缓存一般都是把数据保存到项目的沙盒中.有以下几种方式: 归档:NSKeyedArchiver 偏好设置:NSU ...
【DFS序+单点修改区间求和】POJ 3321 Apple Tree
poj.org/problem?id=3321 [题意] 给一棵n个节点的树,每个节点开始有一个苹果,m次操作 1.将某个结点的苹果数异或 1 2.查询一棵子树内的苹果数 #include<io ...
Python脚本实现值更新事件赋值过程记录日志监控
#LogWatch 实现值更新事件赋值过程记录日志监控 clr.AddReference('System') clr.AddReference('Kingdee.BOS') clr.AddRefere ...

JavaScript与Java通信

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

随机推荐

热门专题