首先添加权限：<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. SQL Server2005+、MySQL、Oracle 数据库字典生成工具

    之前找的数据库字典生成工具基本上都依赖于 Office Com 组件,在不安装 Office的情况下无法使用.怒,于是自己用C# 写了一个.     特征如下:         一.支持的数据库 MS ...

  2. html5--6-51 阶段练习3-旋转导航

    html5--6-51 阶段练习3-旋转导航 @charset="UTF-8"; ul{ list-style: none; font-size:24px; font-weight ...

  3. hdu 1286 找新朋友（欧拉函数）

    题意:欧拉函数 思路:欧拉函数 模板,代码略.

  4. 90年代经典“手游”—拼图板小游戏Opencv实现

    80后可能还对儿时玩过的一种经典木质的拼图板游戏记忆犹新,一般是一种4*4或5*5规格的手持活动板,通过挪动每个小板子的位置,拼出来板子上完整的图像,那时候还没有网吧,手机也还是大哥大的天下,所以这也 ...

  5. Python的多进程锁的使用

    很多时候,我们需要在多个进程中同时写一个文件,如果不加锁机制,就会导致写文件错乱 这个时候,我们可以使用multiprocessing.Lock() 我一开始是这样使用的: import multip ...

  6. python3练习题四

    循环 题目: 答案: #!/usr/bin/env python3 #-*- coding:utf-8 -*- L = ['Bart', 'Lisa', 'Adam'] for i in L: pri ...

  7. python-day9-进程、线程、协程篇

    python threading模块 线程有两种调用方式: 直接调用 import threading import time def sayhi(num): #定义每个线程要运行的函数 print( ...

  8. 探究final在java中的作用

    目录 一. final修饰变量 1. 基础: final修饰基本数据类型变量和引用数据类型变量. 2. 进阶: 被final修饰的常量在编译阶段会被放入常量池中 3. 探索: 为什么局部/匿名内部类在 ...

  9. 洛谷 - P1217 - 回文质数 - 枚举

    https://www.luogu.org/problemnew/show/P1217 考虑暴力生成所有的回文数然后再判断是不是质数.注意个位的选择实际上只有4种.所以是 $4*10^3*10^3=4 ...

  10. bzoj 2435: [Noi2011]道路修建【树形dp】

    dp求size和deep,然后对每条边模拟求代价即可 #include<iostream> #include<cstdio> #include<algorithm> ...