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. Objective-C 正则表达式使用(1)

    学习了一下OC的正则表达式备忘一下 使用正则表达式的步骤: 创建一个一个正则表达式对象:定义规则. 利用正则表达式对象测试,相应的字符串. NSString *userName = @"12 ...

  2. Leetcode 396.旋转函数

    旋转函数 给定一个长度为 n 的整数数组 A . 假设 Bk 是数组 A 顺时针旋转 k 个位置后的数组,我们定义 A 的"旋转函数" F 为: F(k) = 0 * Bk[0] ...

  3. redis主从复制以及SSDB主主复制环境部署记录（四）

    redis配置主从和ssdb主主复制 参考:散尽浮华Linux下Redis主从复制以及SSDB主主复制环境部署记录 只做自己查阅. 环境要求:三台虚拟机一台做主,两台做从. 通过SSDB在redis做 ...

  4. 刷题总结——art2（ssoj）

    题目: 题解: o(n)复杂度扫一遍再用一个stack维护就可以了·····mdzz这道题都不会做·· 代码: #include<iostream> #include<cstdio& ...

  5. 刷题总结——过河（NOIP2015）

    题目: 题目背景 NOIP2005提高组试题2. 题目描述 在河上有一座独木桥,一只青蛙想沿着独木桥从河的一侧跳到另一侧.在桥上有一些石子,青蛙很讨厌踩在这些石子上.由于桥的长度和青蛙一次跳过的距离都 ...

  6. Lucas定理详解

    这篇博客是从另一位园友那里存的,但是当时忘了写原文的地址,如果有找到原文地址的请评论联系! Lucas定理解决的问题是组合数取模.数学上来说,就是求 \(\binom n m\mod p\).(p为素 ...

  7. 如何快速下载maven依赖jar包

    找到settings.xml文件.在mirrors里面添加下面的代码: <mirror> <id>alimaven</id> <mirrorOf>cen ...

  8. linux和windows下分别如何查看电脑是32位的还是64位？

    WINDOWS下查看的方法: 方法一. 在开始→运行中输入“winver”,如果您的系统是64位的,会明确标示出“x64 edition”. 方法二.(推荐) 在cmd窗口中输入systeminfo回 ...

  9. hdu 5288 ZCC loves straight flush

    传送门 ZCC loves straight flush Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 131072/65536 K ...

  10. CodeForces 379D 暴力 枚举

    D. New Year Letter time limit per test 1 second memory limit per test 256 megabytes input standard i ...