WebView调用javaScript

现在的位置: 首页 > 综合 > 正文

WebView调用javaScript

2013年08月26日 ⁄ 综合 ⁄ 共 2365字 ⁄ 字号小中大 ⁄ 评论关闭

从WebView初探了解到WebView的强大，。听说WebView对Javascript的支持也很强，想从网上找些例子，还很难找，最终从google老家找了一个Java和Javascript互调的例子，当时看了，下巴“咣当”就掉在地上了，太强了！这样也行？

整个Eclipse ADT工程例子中都有，这里重点分析一下代码：

Java代码

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"); } }

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中是怎样调用的：

Html代码

<html> <mce:script language="javascript"></mce:script> <body> <a onClick="window.demo.clickOnAndroid()"> <img id="droid" src="android_normal.png" mce_src="android_normal.png"/> Click me! </a> </body> </html>

<html> <mce:script language="javascript"></mce:script> <body> <a onClick="window.demo.clickOnAndroid()"> <img id="droid" src="android_normal.png" mce_src="android_normal.png"/> 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的目的

【上篇】HTML转义字符对照表
【下篇】OpenCL/DirectX与CUDA，鱼和熊掌可以兼得？

作者: fishermen

该日志由 fishermen 于11年前发表在综合分类下，最后更新于 2013年08月26日.
转载请注明: WebView调用javaScript | 学步园 +复制链接

抱歉!评论已关闭.

学步园

WebView调用javaScript

作者: fishermen

书签

最新文章New

本站推荐

返回首页