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

随机推荐

数据结构( Pyhon 语言描述 ) — —第9章：列表
概念列表是一个线性的集合,允许用户在任意位置插入.删除.访问和替换元素使用列表基于索引的操作基本操作数组与列表的区别数组是一种具体的数据结构,拥有基于单个的物理内存块的一种特定的,不变的实 ...
windows下升级pip失败，重新安装pip最新版本
环境: python3.6.5 32bit,后改为python3.4.3 32bit pycharm2018旗舰版问题: pycharm里的pip一直无法升级到10.0.1版本,在cmd中使用升级命 ...
cs229_part7
PCA 问题背景回顾一下我们特征选择中的问题.如果特征非常多,而且有一些特征是重复的,那么我们可以想办法剔除掉一些无用的特征.那里我们提到一个计算互信息的方法.那么这里换一种降维方法. 比如说这样的 ...
PAT Basic 1022
1022 D进制的A+B 输入两个非负10进制整数A和B(<=2^30^-1),输出A+B的D (1 < D <= 10)进制数. 输入格式: 输入在一行中依次给出3个整数A.B和D ...
POJ 2955 区间DP Brackets
求一个括号的最大匹配数,这个题可以和UVa 1626比较着看. 注意题目背景一样,但是所求不一样. 回到这道题上来,设d(i, j)表示子序列Si ~ Sj的字符串中最大匹配数,如果Si 与 Sj能配 ...
javamail腾讯企业邮箱发送邮件
此代码用的jar文件:mail.jar(1.4.5版本); 如果jdk用的是1.8版本会出现SSL错误:这个问题是jdk导致的,jdk1.8里面有一个jce的包,安全性机制导致的访问https会报错, ...
checkStyle使用手册
1. Annotations(注解:5个) Annotation Use Style(注解使用风格) 这项检查可以控制要使用的注解的样式. Missing Deprecated(缺少deprecad) ...
search Paths $(SRCROOT)和$(PROJECT_DIR)区别
$(SRCROOT)代表的时项目根目录下 $(PROJECT_DIR)代表的是整个项目 PS:往项目添加文件时,例如.a等,要先showinfinder ,复制到项目中,然后再拖到xcode项目中
[android开发篇] api demo 官网学习网址
http://www.android-doc.com/resources/samples/wifidirectdemo/index.html
TOJ 5065: 最长连续子序列
5065: 最长连续子序列 Time Limit(Common/Java):1000MS/3000MS Memory Limit:65536KByteTotal Submit: 140 ...

JavaScript与Java通信

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

随机推荐

热门专题