从WebView初探 了解到WebView的强大,。听说WebView对Javascript的支持也很强,想从网上找些例子,还很难找,最终从google老家找了一个Java和Javascript互调的例子 ,当时看了,下巴“咣当”就掉在地上了,太强了!这样也行?
整个Eclipse ADT工程例子中都有,这里重点分析一下代码:
1. public class WebViewDemo extends Activity {
2. private WebView mWebView;
3. private Handler mHandler = new Handler();
4.
5. public void onCreate(Bundle icicle) {
6. super.onCreate(icicle);
7. setContentView(R.layout.webviewdemo);
8. mWebView = (WebView) findViewById(R.id.webview);
9. WebSettings webSettings = mWebView.getSettings();
10. webSettings.setJavaScriptEnabled(true);
11. mWebView.addJavascriptInterface(new Object() {
12. public void clickOnAndroid() {
13. mHandler.post(new Runnable() {
14. public void run() {
15. mWebView.loadUrl("javascript:wave()");
16. }
17. });
18. }
19. }, "demo");
20. mWebView.loadUrl("file:///android_asset/demo.html");
21. }
22. }
public class WebViewDemo extends Activity {
private WebView mWebView;
private Handler mHandler = new Handler();
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.webviewdemo);
mWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
mWebView.addJavascriptInterface(new Object() {
public void clickOnAndroid() {
mHandler.post(new Runnable() {
public void run() {
mWebView.loadUrl("javascript:wave()");
}
});
}
}, "demo");
mWebView.loadUrl("file:///android_asset/demo.html");
}
}
这里的重点是addJavascriptInterface(Object obj,String interfaceName)方法,该方法将一个java对象绑定到一个javascript对象中,javascript对象名就是interfaceName,作用域是Global。这样初始化webview后,在webview加载的页面中就可以直接通过javascript:window.demo访问到绑定的java对象了。来看看在html中是怎样调用的:
1. <html>
2. <script language="javascript">
3. function wave() {
4. document.getElementByIdx("droid").src="android_waving.png";
5. }
6. </script>
7. <body>
8. <a onClick="window.demo.clickOnAndroid()">
9. <img id="droid" src="android_normal.png"/><br>
10. Click me!
11. </a>
12. </body>
13. </html>
<html>
<script language="javascript">
function wave() {
document.getElementByIdx("droid").src="android_waving.png";
}
</script>
<body>
<a onClick="window.demo.clickOnAndroid()">
<img id="droid" src="android_normal.png"/><br>
Click me!
</a>
</body>
</html>
这样在javascript中就可以调用java对象的clickOnAndroid()方法了,wave()方法是java中调用javascript的例子。
这里还有几个知识点:
1)为了让WebView从apk文件中加载assets,Android SDK提供了一个schema,前缀为"file:///android_asset/"。WebView遇到这样的schema,就去当前包中的assets目录中找内容。如上面的"file:///android_asset/demo.html"
2)addJavascriptInterface方法中要绑定的Java对象及方法要运行另外的线程中,不能运行在构造他的线程中,这也是使用Handler的目的。
标签:void,javascript,mWebView,初探,new,WebView,public From: https://blog.51cto.com/u_3124497/6913755