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通信的更多相关文章

  1. Cocos2d-JS/Ajax用Protobuf与NodeJS/Java通信

    原文地址:http://www.iclojure.com/blog/articles/2016/04/29/cocos2d-js-ajax-protobuf-nodejs-java Google的Pr ...

  2. JsBridge实现Javascript和Java的互相调用

    前端网页Javascript和Native互相调用在手机应用中越来越常见,JsBridge是最常用的解决方案. 在Android开发中,能实现Javascript与Native代码通信的,有4种途径: ...

  3. 【历史】JavaScript和Java没啥关系！————JavaScript简史

    文章的开始先上张图: 图片拍摄自北京图书大厦,代表着现在国内应该是绝大部分书店的现状--Javascript书籍放在Java类当中.甚至很多业内人也一直认为Javascript是Java语言在浏览器内 ...

  4. JavaScript和Java之间的关系

    今天来简单而又详细地说说JavaScript和Java的关系. 开门见山总结性一句话,它们之间的关系 = 雷锋和雷峰塔之间的关系,换句话说:它们之间没什么关系. 但往往有不少初学者甚至中级者认为它们之 ...

  5. JavaScript调Java

    1.映射Java对象到JavaScript对象上 MainActivity.java package com.example.jsdemo; import android.os.Bundle; imp ...

  6. JavaScript与Java的区别

    关于java和javascript的关系,我曾在一个论坛上看过这样一句话,java和javascript的关系,就好比雷锋和雷峰塔的关系,实在是经典! 因为名字的关系,总是有人误以为Javascrip ...

  7. AES加密CBC模式兼容互通四种编程语言平台【PHP、Javascript、Java、C#】

    原文:AES加密CBC模式兼容互通四种编程语言平台[PHP.Javascript.Java.C#] 由于本人小菜,开始对AES加密并不了解,在网络上花了比较多时间查阅资料整理: 先简单从百度找来介绍: ...

  8. NanUI文档 - 如何实现C#与Javascript的相互通信

    NanUI文档目录 NanUI简介 开始使用NanUI 打包并使用内嵌式的HTML/CSS/JS资源 使用网页来设计整个窗口 如何实现C#与Javascript的相互通信 如何处理NanUI中的下载过 ...

  9. javascript && php &&java

    java && javascript && php 轰炸!!!恢复 1.javascript简介 *是基于对象和时间的驱动语言,应用于客户端. -----基于对象: * ...

随机推荐

  1. [转]automaticallyAdjustsScrollViewInsets(个人认为iOS7中略坑爹的属性)

    @当我们在一个UIViewController中同时创建2个tableView的时候,如果把它们的frame中的Y坐标设置为一样,你可能会发现它们的位置并没有达到你想要的结果.比如第一tableVie ...

  2. timer event

    /* linux/kernel/time/jiffies.c*/ static cycle_t jiffies_read(struct clocksource *cs) { return (cycle ...

  3. x86保护模式 二 分段管理机制

    分段管理机制 段选择子和偏移地址的二维虚拟地址转换为一维的线性地址 一  段定义和虚拟地址到线性地址的转换 三个参数定义段:段基地址    段界限  和段属性    同时也是段描述符的结构 段基地址为 ...

  4. TOJ 2446: Mint

    2446: Mint Time Limit(Common/Java):2000MS/20000MS     Memory Limit:65536KByteTotal Submit: 4         ...

  5. 更新yum源导致yum不可用

    当安装和yum配置相关的包后报yum模块找不到 yum install -y yum-utils device-mapper-persistent-data lvm2 yum list|grep yu ...

  6. "sort open failed +1 no such file or directory"解决方

    GNU的sort也认老式字段规格: +n.m. 但是字段和字符都从0开始计, 例如-k3 -k2可以等效为+2 -3 +1 -2. 目前使用的sort+和-必须成对使用, 只用+就会报错说”sort: ...

  7. Terracotta服务器的不同配置方式

    Terracotta服务器的不同配置方式 博客分类: 企业应用面临的问题 Java&Socket 开源组件的应用 Terracotta双机多机镜像服务器阵列分片模式企业应用 Terracott ...

  8. 性能学习之--loaderunner中run-time setting常用功能

    先打开run-time setting界面 一.Run Logic   设置迭代次数,只控制action的迭代次数,init和end只执行一次. 如果迭代次数设置10,10个并发用户,那么init和e ...

  9. 【Luogu】P3384主席树模板（主席树查询K小数）

    YEAH!我也是一个AC主席树模板的人了! 其实是个半吊子 我将尽量详细的讲出我的想法. 主席树太难,我们先搞普通线段树好了 普通线段树怎么做?我的想法是查询K次最小值,每次查完把查的数改成INF,查 ...

  10. [luoguP3172] [CQOI2015]选数（递推+容斥原理）

    传送门 不会莫比乌斯反演,不会递推. 但是我会看题解. 先将区间[L,H]变成(L-1,H],这样方便处理 然后求这个区间内gcd为k的方案数 就是求区间((L-1)/k,H/k]中gcd为1的方案数 ...