用webview实现android与html交互:
初始化webview代码:
private void initWebview(){
webView=new WebView(this);
webView.setWebViewClient(new WebViewClient());
webSettings=webView.getSettings();
webSettings.setJavaScriptEnabled(true);
webView.loadUrl("file:///android_asset/test1.html");
}
实现java调用html中js方法传递参数:
/**
* Java 调用Js代码 (给html中js下的方法javaCallJs传参数)
* @param v
*/
public void JavaCallJs(View v){
webView.loadUrl("javascript:javaCallJs('"+"一个帅比"+"')");
setContentView(webView);
}
添加内部类和方法,实现js调用android内的java方法:
//通过js传递给java的url,和视频名称,播放网络视频
class JavaCallJs{
@JavascriptInterface
public void showToast(){
Toast.makeText(MainActivity.this,"我是java代码",Toast.LENGTH_SHORT).show();
}
@JavascriptInterface
public void playVideo(String url,String title){
Log.i("Tag8","url:"+url);
Log.i("Tag8","title:"+title);
Intent intent = new Intent();
intent.setDataAndType(Uri.parse(url),"video/*");
startActivity(intent);
}
}
js调用Java代码:
/**
* Js 调用Java代码
* @param v
* 这里java这个参数很重要,起到一个连接作用,要和html中的window.xxx下面的对应起来
*/
public void JsCallJava(View v){
webView.addJavascriptInterface(new JavaCallJs(),"java");
webView.loadUrl("file:///android_asset/test1.html");
setContentView(webView);
}
html中js的代码为:
<script type="text/javascript">
function javaCallJs(username){
var name=document.getElementsByTagName("span")[0];
name.innerHTML=username;
}
function jsCallJavaParams(){
javascript:java.playVideo('https://gss3.baidu.com/6LZ0ej3k1Qd3ote6lo7D0j9wehsv/tieba-smallvideo-transcode/17_5014955baa85219ee6ed706aafd8bcdb_3.mp4?authorization=bce-auth-v1%2Fde94045c2e42438fad71ab8df47a6727%2F2017-02-19T18%3A08%3A25Z%2F1800%2F%2F6d7a756c19cfba52e8e311c8241a1eda1c77168cd0df5ff877bcf9e336cd9091','舞蹈')
}
</script>
点击操作对应代码为:
<input type="button" value="点我一下掉java" onclick="window.java.showToast()">
<br>
<input type="button" value="点我一下给java传参数,播放视频" onclick="jsCallJavaParams()">
通过上面就可以实现java给js传递参数,调用js里的方法,和js给java传递参数,调用java的方法,有问题请留言拍砖,请多多指教….
代码下载点击这里:https://github.com/amelons/JavaCallJs
转载地址请标明:http://blog.csdn.net/zxyudia/article/details/60955712