2021腾讯云限时秒杀，爆款1核2G云服务器298元/3年！（领取2860元代金券），
地址：https://cloud.tencent.com/act/cps/redirect?redirect=1062

2021阿里云最低价产品入口+领取代金券(老用户3折起)，
入口地址：https://www.aliyun.com/minisite/goods

相关推荐：Android在WebView中与JS的交互

项目要求，在一个网页中跳转Activity，作为一个成长中的小白鼠，我以为实现不了，后台的哥们告诉我可以在H5页面中调用JS实现Activity跳转，经过一天的研究，终于实现了，拿来与大家分享一下 WebView的使用请戳我之前写的博客：http://blog.csdn.net/sinat_164

Android与HTML+JS的交互

在Android开发中，越来越多的商业项目使用了Android原生控件与WebView进行混合开发，当然不仅仅就是显示一个WebView那么简单，有时候还需要本地JAVA代码与HTML中的javascript进行交互，Android也对交互做了很好的封装，所以很容易就可以实现，例如：点击网页中的按钮让Android调用原生对话框，点击网页中的电话号码调用Android拨号。接下来就给大家分享一下如何实现Android与HTML+JS的交互。

本篇主要实现的功能点：

Android调用HTML中的javascript脚本

HTML中的javascript脚本调用Android本地代码

Android调用HTML中的javascript脚本并传递参数

HTML中的javascript脚本调用Android本地方法并传递参数

实现Android调用JS脚本其实是非常简单的，直接使用WebView调用loadUrl方法，里面是JS的方法名，并可以传入参数，javascript：xxx()方法名需要与JS中的方法名相同

contentWebView.loadUrl(“javascript:javacalljs()”);

相关推荐：Android WebView和JavaScript之间的交互

最近一段时间工作经常使用到WebView，而使用WebView又避免不了要与JavaScript打交道。其中主要涉及到两者之间方法的相互调用以及参数传递。 首先设置WebView支持JavaScript mWebView.getSettings().setJavaScriptEnabled(true); 通过 WebView 调用 JavaScript

HTML代码：

function javacallJs(){
document.getElementById(“content”).innerHTML=”JAVA调用了JS的无参函数”;
}
function javacallJs(arg){
document.getElementById(“content”).innerHTML=arg;
}

实现JS调用Android方法，需要在Java代码中添加下面这句，webView绑定javascriptInterface，js脚本通过这个接口来调用java代码，第一个参数是自定义类对象，映射成JS对象，这里我直接传this，第二个参数是别名，JS脚本通过这个别名来调用java的方法，这个别名跟HTML代码中也是对应的。

contentWebView.addJavascriptInterface(MainActivity.this,”android”);

HTML代码

< input type=”button” value=”点击调用java代码” onclick=”window.android.startFunction()”>
< input type=”button” value=”点击调用java代码并传递参数” onclick=”window.android.startFunction(“http://www.baidu.com“)”>

MainActivity中的主要设置

//启用javascript

contentWebView.getSettings().setJavaScriptEnable(true);

contentWebView.addJavascriptInterface(MainActivity.this,”android”);

@JavascriptInterface
public void startFunction(){
    runOnUiThread(new Runnable()){
        @Override
        public void run(){
            Toast.makeText(MainActivity.this,"show",3000).show();
        }
    }
}

@JavascriptInterface
public void startFunction(final String text){
    runOnUiThread(new Runnable()){
        @Override
        public void run(){
            Toast.makeText(MainActivity.this,text,3000).show();
        }
    }
}

原文