Android中webview里js和java的相互调用--含代码demo解析

Toast.makeText(getBaseContext(), “内容显示了”, Toast.LENGTH_LONG).show();

wv.loadUrl(String.format(“javascript:java2js(0)”));//这里是java端调用webview的JS

}

});

btn_hide.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

Toast.makeText(getBaseContext(), “内容隐藏了”, Toast.LENGTH_LONG).show();

wv.loadUrl(String.format(“javascript:java2js(1)”));//这里是java端调用webview的JS

}

});

JSInterface2.setWvClientClickListener(new webviewClick());//这里就是js调用java端的具体实现

}

}

class webviewClick implements JsInterface.wvClientClickListener {

@Override

public void wvHasClickEnvent() {

// TODO Auto-generated method stub

Toast.makeText(getBaseContext(), “js调用了本地java方法”, Toast.LENGTH_LONG).show();

}

}

}

二，定义要调用的java类和java方法（这里最好单独定义一个类）

public class JsInterface {

/*interface for javascript to invokes*/

public interface wvClientClickListener {

public void wvHasClickEnvent();

}

private wvClientClickListener wvEnventPro = null;

public void setWvClientClickListener(wvClientClickListener listener) {

wvEnventPro = listener;

}

@JavascriptInterface  //这个注解很重要

public void javaFunction() {

if(wvEnventPro != null)

wvEnventPro.wvHasClickEnvent();

}

}

三，把下面的html文件复制到一个文本text中。然后把文件名改为test.html

点击调用java方法

this is a hide div~~~~

 

四，为照顾大家，把布局文件也直接贴出出来

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:orientation=“vertical” >

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:orientation=“vertical”

android:layout_weight=“1”>

<Button

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:id=“@+id/btn_java2js_show”

android:text=“java调用js显示内容”/>

<Button

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:id=“@+id/btn_java2js_hide”

android:text=“java调用js隐藏内容”/>

<LinearLayout

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:orientation=“vertical”

android:layout_weight=“1”>

<WebView

android:id=“@+id/wv_js2java”

android:layout_width=“match_parent”

android:layout_height=“match_parent”/>

 

只需要上面简简单单的四个步骤，就能实现webview中js和java的相互调用了。

注意事项

1，需要在整个html页面加载完成后才能调用js事件，在使用webview加载网页时，

WebViewClient的onPageStarted（加载开始）

onPageFinished加载结束。

所以在网页加载完成后在onPageFinished方法中调用js事件（Android调用js事件改编一些h5页面中的样式）

2，记得在JS调用的JAVA方法前一定要有@JavascriptInterface。

原因是在4.4.2中对JavascriptInterface安全性的要求更高更严格，需要标识出这个方法是能被js调用的方法，以增加安全性。

3，联网获得HTML文档要加权限连接网络：

下面是demo地址。希望能给大家提供帮助。有问题可以留言。最近工作忙，有时间会一一回复大家的。

http://download.youkuaiyun.com/detail/qiushi_1990/9324875

来自爱分享的小石头