获取WebView对象

调用WebView对象的getSettings()方法，获取WebSettings对象

调用WebSettings对象的setJavaScriptEnabled()方法，设置js可用，参数：布尔值

在判断是否支持js的时候，不要用alert()，默认不起作用，可以先用document.write()测试

调用WebView对象的addJavascriptInterface(obj, interfaceName)方法，添加js接口，参数：Object对象，String接口名称（这个对象在js中的别名）

定义一个内部类MyJavascript

定义一个方法showToast()，显示吐司，api版本大于17需要加注解@JavascriptInterface

java代码：

package com.tsh.mywebview;

import android.annotation.SuppressLint;

import android.app.Activity;

import android.app.ProgressDialog;

import android.graphics.Bitmap;

import android.os.Bundle;

import android.view.KeyEvent;

import android.view.Menu;

import android.view.MenuItem;

import android.view.Window;

import android.webkit.JavascriptInterface;

import android.webkit.WebSettings;

import android.webkit.WebView;

import android.webkit.WebViewClient;

import android.widget.Toast;

public class MainActivity extends Activity {

    private WebView webview;

    private ProgressDialog pd;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        requestWindowFeature(Window.FEATURE_NO_TITLE);

        setContentView(R.layout.activity_main);

        pd=new ProgressDialog(this);

        pd.setMessage("正在加载...");

        //webview的简单设置

        webview=(WebView) findViewById(R.id.wv_internet);

        //http://100.65.187.106/test.php

        webview.loadUrl("http://100.65.187.106/test.php");

        WebSettings websettings=webview.getSettings();

        websettings.setSupportZoom(true);

        websettings.setBuiltInZoomControls(true);

        //js交互

        new MyJavascript().showToast("111");

        websettings.setJavaScriptEnabled(true);

        webview.addJavascriptInterface(new MyJavascript(), "Android");

        webview.loadUrl("javascript:documentWrite('测试')");

        webview.setWebViewClient(new WebViewClient(){

            @Override

            public void onPageStarted(WebView view, String url, Bitmap favicon) {

                pd.show();

            }

            @Override

            public void onPageFinished(WebView view, String url) {

                pd.dismiss();

            }

        });

    }

    //暴露给js的功能接口

    public class MyJavascript{

        //显示吐司

        // 如果target 大于等于API 17，则需要加上如下注解

        @JavascriptInterface

        public void showToast(String text) {

            Toast.makeText(MainActivity.this, text, 1).show();

        }

        //显示loading

        @JavascriptInterface

        public void showProgressDialog(String text) {

            pd.setMessage(text);

            pd.show();

        }

    }

    //后退键

    @Override

    public boolean onKeyDown(int keyCode, KeyEvent event) {

        if(keyCode==KeyEvent.KEYCODE_BACK&&webview.canGoBack()){

            webview.goBack();

            return true;

        }

        return super.onKeyDown(keyCode, event);

    }

    //菜单键

    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        menu.add(0, 0, 0, "刷新");

        menu.add(0, 0, 1, "后退");

        menu.add(0, 0, 2, "前进");

        return super.onCreateOptionsMenu(menu);

    }

    //菜单点击事件

    @Override

    public boolean onOptionsItemSelected(MenuItem item) {

        switch (item.getOrder()) {

        case 0:

            webview.reload();

            break;

        case 1:

            if(webview.canGoBack()){

                webview.goBack();

            }

            break;

        case 2:

            if(webview.canGoForward()){

                webview.goForward();

            }

            break;

        }

        return super.onOptionsItemSelected(item);

    }

}

js代码：

<html>

<head>

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

    <title>测试android程序</title>

</head>

<body>

    测试android和js交互

    <br/>

    <button onClick="showToast()">显示吐司</button>

    <br/>

    <button onClick="showProgressDialog()">显示loading</button>

<script type="text/javascript">

function showToast(){

    Android.showToast("显示吐司");

}

function showProgressDialog(){

    Android.showProgressDialog("显示进度条");

}

</script>

</body>

</html>

[android] WebView与Js交互的更多相关文章

  1. Android Webview 与JS交互

    Android中 WebView控件支持JS与本地代码的交互. // 是否允许在webview中执行javascript webSettings.setJavaScriptEnabled(true); ...

  2. webview与js交互（转）

    原文:http://www.cnblogs.com/vanezkw/archive/2012/07/02/2572799.html 对于android初学者应该都了解webView这个组件.之前我也是 ...

  3. Android中使用WebView与JS交互全解析

    1.概述首先,需要提出一个概念,那就是hybrid,主要意思就是native原生Android和h5混合开发.为什么要这样做呢?大家可以想象一下针对于同一个活动,如果使用纯native的开发方式,An ...

  4. webview与js交互

     对于android初学者应该都了解webView这个组件.之前我也是对其进行了一些简单的了解,但是在一个项目中不得不用webview的时候,发现了webview的强大之处,今天就分享一下使用we ...

  5. android Webview 实现js调用java代码实现Activity跳转

    今天有了一个需求,在android里webview加载的html页面,要求点击html页面的按钮实现Activity的跳转. 咱是是菜鸟,webview的接触不多,于是就和度娘来了次亲密接触.在其中也 ...

  6. webView和js交互

    与 js 交互 OC 调用 JS // 执行 js - (void)webViewDidFinishLoad:(UIWebView *)webView { NSString *title = [web ...

  7. iOS webView与js交互在文本空格上输入文字

    项目要求:webview加载html网址,内容为填空题型文本,需要在横线上添加答案,并点击提交按钮后再将答案进行回显 正常加载的效果图片: 这个是用js交互后的效果图: 点击空格,输入想输入的答案,如 ...

  8. Android原生webview中js交互

    http://www.cnblogs.com/android-blogs/p/4891264.html Html页面和Java代码结合的方式一般用在界面经常被更改 的情况下,可以讲html放在网络中, ...

  9. 【Android开发】Webview 和 JS 交互问题

    一,安卓原生调用JS代码 1,js代码: function handlePasteDataFromApp(pasteStr) { showInfo('pasteData: aaaaa' + JSON. ...

随机推荐

  1. 剑指offer编程题Java实现——面试题4后的相关题目

    题目描述: 有两个排序的数字A1和A2,内存在A1的末尾有足够多的空余空间容纳A2.请实现一个函数,把A2中的所有数字插入到A1中并且所有的数字是排序的. 还是利用从后向前比较两个数组中的数字的方式来 ...

  2. 201621123018《Java程序设计》第9周学习报告

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结集合与泛型相关内容. 泛型个人认为可以理解为一种模糊的类型,在里面写入各种方法,程序员可以根据需要再创建具体类型的对象,然后调用泛型 ...

  3. POI读写海量Excel

    目前处理Excel的开源javaAPI主要有两种,一是Jxl(JavaExcel API),Jxl只支持Excel2003以下的版本.另外一种是Apache的Jakarta POI,相比于Jxl,PO ...

  4. updateByPrimaryKey 和 updateByPrimaryKeySelective

    1. 数据库记录 2. updateByPrimaryKey Preparing: UPDATE t_token_info SET entity_id = ?,entity_type = ?,time ...

  5. D14——C语言基础学PYTHON

    C语言基础学习PYTHON——基础学习D14 20180919内容纲要: 1.html认识 2.常用标签 3.京东html 4.小结 5.练习(简易淘宝html) 1.html初识(HyperText ...

  6. [工具]Cobalt Strike 3.13 TeamServer for Windows

    Cobalt Strike 3.13 TeamServer for Windows 0x001 环境 CS 3.12 或 3.13 Kali或Win最好安装jdk1.8.5或之后版本 设置环境变量,如 ...

  7. 【sping揭秘】6、IOC容器之统一资源加载策略

    Spring中的resource 我们先看看类之间的关系 注意我们的application是间接继承了resourceloader的,也就是说我们的application其实就是一个resourcel ...

  8. 【并发】2、AtomicReferenceFieldUpdater初体验

    对于volatile对象的原子更新 AtomicReferenceFieldUpdater这个对象进行原子更新的时候,外部操作对象只能是public,因为外部访问不到private对象,但是在内内部确 ...

  9. js 时间的国际化处理

    //1 获取相对于0时区的当地时区(默认得到的是分钟,可能是负数;北京市东八+8 美国华盛顿为西五-5),中国比美国快13小时 //js默认转换的时候自带时区,只要数据库存的是时间戳,显示的时候不用刻 ...

  10. 多态、抽象类、接口_DAY09

    1:多态(掌握) (1)多态概念:一种事物的多种形态 (2)体现:父类的引用指向其子类的实例对象;接口的引用指向其实现类的实例对象 (3)特点: 成员方法:编译看左边,运行看右边 运行:子类重写的方法 ...