Android利用WebView与JavaScript交互的方法

使用WebView播视频,整了个优酷的开发页面,但装上Android,没反应。不过,在使用webView时,倒是对webView与html中的javascript的调用方式学习了一下,还是使用的网上的经典案例。

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

addJavascriptInterface(Object obj,String interfaceName)方法,该方法将一个java对象绑定到一个javascript对象中,javascript对象名就是interfaceName,作用域是Global。这样初始化webview后,在webview加载的页面中就可以直接通过javascript:window.demo访问到绑定的java对象了。来看看在html中是怎样调用的:

HTML(javascript)的代码:

<html>             <script language="javascript">                     function wave() {                          document.getElementById("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的例子。

对于webview加载网页有三种方式:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wyjxdw.html