首先添加权限：<uses-permission android:name="android.permission.INTERNET"/>

布局文件：

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

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    tools:context=".MainActivity" >

    <TextView

        android:id="@+id/preNums"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:gravity="center"

        android:padding="10dp"

        android:text="当前进度：0%" />

    <WebView

        android:id="@+id/webView1"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:layout_below="@+id/preNums" />

</RelativeLayout>

　　

html5页面代码：

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"/>

<meta name="format-detection" content="telephone=no"/>

<title>手机网页</title>

<style>

*{ padding:0px; margin:0px;}

div{ margin:0px auto;}

.mytop{ height:60px; background-color:#000000; text-align:center;}

.myfont{ color:#FFFFFF; font-size:16px; font-weight:bold; line-height:60px;}

.mytest{ background-color:#FF0000; margin:20px auto; width:100px; height:100px; border-radius:50px;  box-shadow:8px 8px 8px #0000FF; line-height:100px; text-align:center;}

</style>

<script>

function ChangeDiv(){

	//document.getElementById("insertDiv").innerHTML='哈哈';

	//调用java代码

	MyAndroid.MyFun("哈哈可以调用");

}

// 被java调用的方法

function ToJavaFun(outstr){

	document.getElementById("insertDiv").innerHTML=outstr;

}

</script>

</head>

<body>

<div class="mytop">

<a href="http://www.baidu.com" class="myfont">前往百度</a>

</div>

<div class="mytest" id="insertDiv">

</div>

<div style="text-align:center; padding:10px;">

	<input name="" type="button" value="执行" onClick="ChangeDiv('你好');" >

</div>

</body>

</html>

　　

java代码：

package com.example.mywebview;

import android.os.Bundle;

import android.os.Handler;

import android.annotation.SuppressLint;

import android.app.Activity;

import android.view.Menu;

import android.webkit.JavascriptInterface;

import android.webkit.WebChromeClient;

import android.webkit.WebView;

import android.webkit.WebViewClient;

import android.widget.TextView;

import android.widget.Toast;

/*

 * author：future

 *

 * sijienet.com

 *

 * */

@SuppressLint({ "JavascriptInterface", "SetJavaScriptEnabled" })

public class MainActivity extends Activity {

	WebView webView;

	TextView textView;

	Handler handler;

	@Override

	protected void onCreate(Bundle savedInstanceState) {

		super.onCreate(savedInstanceState);

		setContentView(R.layout.activity_main);

		handler = new Handler();

		webView = (WebView) findViewById(R.id.webView1);

		textView = (TextView) findViewById(R.id.preNums);

		// 开启js接口模式

		webView.getSettings().setJavaScriptEnabled(true);

		webView.addJavascriptInterface(new MyAndroidFun(), "MyAndroid");

		webView.setWebViewClient(new MyWebClient());

		webView.setWebChromeClient(new MyChrome());// 配置默认参数

		webView.loadUrl("file:///android_asset/index.html");

	}

	class MyChrome extends WebChromeClient {

		@Override

		public void onProgressChanged(WebView view, int newProgress) {

			// 进度更新

			textView.setText("当前进度：" + newProgress + "%");

			super.onProgressChanged(view, newProgress);

		}

	}

	class MyAndroidFun {// 调用类作用于

		@JavascriptInterface

		public void MyFun(String msg) {

			Toast.makeText(getApplicationContext(), msg, Toast.LENGTH_SHORT)

					.show();

			handler.post(new Runnable() {

				@Override

				public void run() {

					// TODO Auto-generated method stub

					String outString = "我的内容";

					webView.loadUrl("javascript:ToJavaFun('" + outString + "')");

				}

			});

		}

	}

	@Override

	public void onBackPressed() {

		// TODO Auto-generated method stub

		if (webView.canGoBack()) {

			webView.goBack();

		}

		// super.onBackPressed();

	}

	class MyWebClient extends WebViewClient {

		@Override

		public boolean shouldOverrideUrlLoading(WebView view, String url) {

			// TODO Auto-generated method stub

			if (url != null && url.length() > 0) {

				if (url.indexOf("http://") != -1

						|| url.indexOf("https://") != -1) {// 不存在

				} else {

					// 添加前缀

					url = "http://" + url;

				}

				view.loadUrl(url);

				return true;

			}

			return super.shouldOverrideUrlLoading(view, url);

		}

	}

}

　　

android控件之webview和js与java交互的更多相关文章

  1. （转载）android控件之WebView控件缩小

    android控件之WebView控件缩小 作者: 字体:[增加 减小] 类型:转载 时间:2013-05-16我要评论 发现这个控件挺好用,能自已控制进度条,而且这个控件的功能非常壮大,先上个简单的 ...

  2. Android控件之WebView

    如何在Android应用中打开Web网站呢?谷歌为我们提供了解决方案,现在就让我们一起看一下WebView控件吧. 为了方便总结,就以实现下面这个效果为主线,进行总结: 首先我们先看一下它的布局文件吧 ...

  3. Android 控件： Webview 的一些知识点

    WebView 加载网页,当点击返回键的时,会显示上一个页面,并刷新. 同时可以对返回上一个页面进行干预,就是用到了缓存. webview加载网页的几个模式,即websetting中设置的加载模式.w ...

  4. 背水一战 Windows 10 (64) - 控件（WebView）: 加载指定 HttpMethod 的请求, 自定义请求的 http header, app 与 js 的交互

    [源码下载] 背水一战 Windows 10 (64) - 控件(WebView): 加载指定 HttpMethod 的请求, 自定义请求的 http header, app 与 js 的交互 作者: ...

  5. 重新想象 Windows 8.1 Store Apps (81) - 控件增强: WebView 之加载本地 html, 智能替换 html 中的 url 引用, 通过 Share Contract 分享 WebView 中的内容, 为 WebView 截图

    [源码下载] 重新想象 Windows 8.1 Store Apps (81) - 控件增强: WebView 之加载本地 html, 智能替换 html 中的 url 引用, 通过 Share Co ...

  6. 重新想象 Windows 8.1 Store Apps (80) - 控件增强: WebView 之基本应用, POST 数据, 与 JavaScript 交互

    [源码下载] 重新想象 Windows 8.1 Store Apps (80) - 控件增强: WebView 之基本应用, POST 数据, 与 JavaScript 交互 作者:webabcd 介 ...

  7. Robotium之Android控件定位实践和建议(Appium/UIAutomator姊妹篇)

    本人之前以前撰文描写叙述Appium和UIAutomator框架是怎样定位Android界面上的控件的. UIAutomator定位Android控件的方法实践和建议 Appium基于安卓的各种Fin ...

  8. 重新想象 Windows 8 Store Apps (8) - 控件之 WebView

    原文:重新想象 Windows 8 Store Apps (8) - 控件之 WebView [源码下载] 重新想象 Windows 8 Store Apps (8) - 控件之 WebView 作者 ...

  9. Robotium之Android控件定位实践和建议

    本人之前曾经撰文描述Appium和UIAutomator框架是如何定位Android界面上的控件的. UIAutomator定位Android控件的方法实践和建议Appium基于安卓的各种FindEl ...

随机推荐

  1. hdu acm 1114 Piggy-Bank 解题报告

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1114 题目意思:给出一个空的猪仔钱ang 的重量E,和一个装满钱的猪仔钱ang 的重量F你,实质上能装 ...

  2. I.MX6 AW-NB177NF WIFI 驱动移植问题

    /******************************************************************************** * I.MX6 AW-NB177NF ...

  3. java -- 虚拟机和内存

    从大方向来分:栈内存,堆内存,方法区,本地方法栈,程序计数器 java从存储数据的角度来分: 寄存器(register):最快的存储区,由编译器根据需求进行分配,不由认为控制. 堆栈(statck): ...

  4. AutoIt脚本在做自动化操作的时候，如何进行错误捕获？

    我的自动化脚本在运行的时候,会生成一个界面,点击该页面上的按钮能够进行自动化操作. 经常遇到的一个问题是: 脚本运行一半,GUI程序出现了异常情况,这个时候,再次点击生成的界面上的按钮,不会有任何反应 ...

  5. Java中gcRoot和引用类型

    看到一个老问题,Java是如何判定回收哪些对象的? 答:从gcRoot根搜索不可达,且标记清理一次之后仍没有被复活的对象,会被认定为垃圾对象进行清理.注意在Java中没有对象的作用域,只有对象的引用的 ...

  6. 微信小程序wxml和wxss样式

    对于css不熟悉的android程序员来说,开发微信小程序面临的一个比较困难的问题就是界面的排版了.微信小程序的排版就跟wxml和wxss有关了,它们两者相当于android的布局文件,其中wxml指 ...

  7. jQuery 引用地址(包括jquery和google提供的地址), 节省你不必要的流量

    转载自:http://www.cnblogs.com/henw/archive/2011/09/30/2196255.html 你可以使用这句代码读取jQuery的最新版本的代码文件. jquery官 ...

  8. Rational Rose 2007 &Rational Rose 2003 下载及破解方法和汉化文件下载

    Rational Rose 2007 &Rational Rose 2003 下载及破解方法和汉化文件下载 分类: 其它2010-08-10 13:28 12926人阅读 评论(4) 收藏 举 ...

  9. 【209】SQL学习&C#连接数据库

    参考:传智播客.Net培训.net视频教程 >> [04]第四季 SQL(1-16)参考:传智播客.Net培训.net视频教程 >> [05]第五季 ADO.NET(1-30) ...

  10. eclipse整合tomcat

    首先确保jdk已经安装好 步骤1 获得服务器运行环境配置,Window/Preferences/Server/Runtime Environmen l步骤2 添加服务器 步骤3 选择服务器在硬盘的地址 ...