js和webview的交互

1 android 调用 js

    button.setOnClickListener(new View.OnClickListener()

{ @Override

public void onClick(View v) {

// 必须另开线程进行JS方法调用(否则无法调用)

mWebView.post(new Runnable() {

@Override

public void run() {

// 注意调用的JS方法名要对应上

// 调用javascript的callJS()方法

mWebView.loadUrl("javascript:callJS()"); // 通过loadUrl 调用 callJS()为javascript的方法

}

});

}

});

或使用

// 只需要将第一种方法的loadUrl()换成下面该方法即可

mWebView.evaluateJavascript（"javascript:callJS()", new ValueCallback<String>() {

@Override

public void onReceiveValue(String value) {

//此处为 js 返回的结果

}

});} //

1. 因为该方法的执行不会使页面刷新，而第一种方法（loadUrl ）的执行则会。
2. Android 4.4 后才可使用

建议：混合使用

/ Android版本变量final int version = Build.VERSION.SDK_INT;// 因为该方法在 Android 4.4 版本才可使用，所以使用时需进行版本判断

if (version < 18) { mWebView.loadUrl("javascript:callJS()");}

else {

mWebView.evaluateJavascript（"javascript:callJS()", new ValueCallback<String>() {

@Override public void onReceiveValue(String value) {

//此处为 js 返回的结果

}

});

}

2 js 调用 android

// 继承自Object类public class AndroidtoJs extends Object {

// 定义JS需要调用的方法

// 被JS调用的方法必须加入@JavascriptInterface注解

@JavascriptInterface

public void hello(String msg) {

System.out.println("JS调用了Android的hello方法");

}

}

webSettings.setJavaScriptEnabled(true);

// 通过addJavascriptInterface()将Java对象映射到JS对象

//参数1：Javascript对象名 //参数2：Java对象名

mWebView.addJavascriptInterface(new AndroidtoJs(), "test");

//AndroidtoJS类对象映射到js的test对象

// 加载JS代码 // 格式规定为:file:///android_asset/文件名.html

mWebView.loadUrl("file:///android_asset/javascript.html");

js里：

<script>

function callAndroid(){

// 由于对象映射，所以调用test对象等于调用Android映射的对象

test.hello("js调用了android中的hello方法");

}

</script>