android webview用法小结2 java与javascript的交互

来源：互联网发布：鼎锐软件科技有限公司编辑：程序博客网时间：2024/05/17 12:02

先提下两种方式

　方式一：

//先加载html文件，然后调用html文件中的javascript函数

webView.loadUrl("file:///android_asset/show.html");

webView.loadUrl("javascript:pushNewsData('"+strHtml+"')"); 　　

　　方式二：

//在Java代码中添加javascript的接口，然后在html文件中调用java中的对象

webView.addJavascriptInterface(strHtml, "MyContent");

先让浏览器支持javascript

webView.getSettings().setJavaScriptEnabled(true);//打开就可以用js的功能

Js代码,放在asset文件夹下,也可以在服务器端,这样改变内容,只需改服务器端,客户端不用修改

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script type="text/javascript">function btn_test() {/* 打印,logcat里的tag是Web Console */console.log("btn_test");}function call_java() {/* js调用java代码,需要接口 */Window.interface_test.showToastFromWeb("hello i am javascript!");}function test_alert() {/* 弹出对话框 */alert("hello i am javascript!");}function test_confirm() {/* 弹出带确定和取消按钮的对话框 */var v = confirm("hello i am javascript!");console.log("onfirm " + v);}function test_prompt() {/* 弹出带输入框的对话框 */var v = prompt("input you name!", "tom");console.log("prompt " + v);}</script></head><body><button onclick="btn_test()">test</button><button onclick="call_java()">call_java</button><button onclick="test_alert()">test_alert</button><button onclick="test_confirm()">test_confirm</button><button onclick="test_prompt()">test_prompt</button><label tel:800800284>tel:8008233</label></body></html>

Java代码里

对应call_java()方法

webView.addJavascriptInterface(new Object(){public void showToastFromWeb(String msg){showToast(msg);}}, "interface_test");

对应alert等方法

webView.setWebChromeClient(new WebChromeClient(){@Overridepublic void onProgressChanged(WebView view, int newProgress) {//这里上一博文已提过}@Overridepublic boolean onJsAlert(WebView view, String url, String message,JsResult result) {// TODO Auto-generated method stubreturn super.onJsAlert(view, url, message, result);}@Overridepublic boolean onJsConfirm(WebView view, String url,String message, JsResult result) {// TODO Auto-generated method stubreturn super.onJsConfirm(view, url, message, result);}@Overridepublic boolean onJsPrompt(WebView view, String url, String message,String defaultValue, JsPromptResult result) {// TODO Auto-generated method stubreturn super.onJsPrompt(view, url, message, defaultValue, result);}});

加载html

//webView.loadUrl("javascript:btn_test()");webView.loadUrl("file:///android_asset/test.html");

效果图