android webview and javascript交互
3000 点击·0 回帖
灯火互联
楼主
 |  | |
 | 方法一： *javascript in html： <SCRIPT LANGUAGE="javaScript"> function checkOrientation(){ alert(window.orientation); }; window.addEventListener('onorientationchange' in window ? 'orientationchange' : 'resize', checkOrientation, false); function print() { window.location="print://print"; }; function setting() { window.location="setting://setting"; }; </SCRIPT> *java code： public boolean shouldOverrideUrlLoading(webView view, String url) { AppUtils.LogD(url); if (url.startsWith("mailto:")) { MailTo mt = MailTo.parse(url); Intent i = AppUtils.newEmailIntent(activity, mt.getTo(), mt.getSubject(), mt.getBody(), mt.getCc()); activity.startActivity(i); view.reload(); return true; } else if (url.startsWith("print://print")) { // show toast message for print button Toast.makeText(activity, R.string.print_button_alert, Toast.LENGTH_LONG).show(); return true; } else if (url.startsWith("setting://setting")) { // show setting dialog ((DetailViewControlerImpl) activity).openSettingsPage(); return true; } else { return false; } } 方法二： javascript in html(mypage): <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE>Actuate Viewer</TITLE> <script type="text/javascript"> function change() { document.getElementById("changePhoto").src = "http://www.atcpu.com/uploadfile/2012/0519/20120519094025145.png"; } </script> </HEAD> <BODY> <a> <img id="changePhoto" src="http://www.atcpu.com/uploadfile/2012/0519/20120519094025304.png" /><br> Click me! </a> </BODY> </HTML> java code: mWebView.addjavascriptinterface(new MyjavaScriptInterface(), "mypage"); final class MyjavaScriptInterface { public MyjavaScriptInterface() { } public void clickOnAndroid() { mHandler.post(new Runnable() { @Override public void run() { mWebView.loadUrl("javascript:change()"); } }); } } | |
 |  |