WebView加载一个使用JavaScript的网页，并且要实现相互之间的调用，需要启用WebView对JavaScript的支持，一旦启用之后你就可以通过接口来实现本地代码和JavaScript代码的互相调用。

1.启用JavaScript支持WebView默认是禁用JavaScript的，你可以通过附加到WebView的设置类WebSettings开启它。通过getSettings()函数获取WebView的WebSettings对象，然后你可以调用setJavaScriptEnabled()函数开启对JavaScript的支持。例如：WebViewmyWebView=(WebView)findViewById(R.id.webview);WebSettingswebSettings=myWebView.getSettings();webSettings.setJavaScriptEnabled(true);

2.JavaScript调用Android代码当针对Android应用设计网页时，你可以通过一个接口实现JavaScript调用Android本地代码完成一些平台特有的功能。例如，JavaScript可以调用Android中的代码来生成一个Toast。你可以通过addJavaScriptInterface()方法传入一个用来绑定JavaScript的对象和一个用来规范JavaScript访问的接口名(类似命名空间)。

在这个例子中，WebAppInterface类允许网页通过showToast()方法发送一个Toast消息。然后调用WebView的addJavaScriptInterface()方法把这个类和JavaScript绑定在一起，传入"Android"作为接口名。例如：WebViewwebView=(WebView)findViewById(R.id.webview);webView.addJavascriptInterface(newWebAppInterface(this),"Android");上面的代码创建了一个名为"Android"的接口。这时，网页应用就可以通过这个"Android"接口访问WebAppInterface里的方法了。例如，下面有段HTML和JavaScript的代码，当用户点击按钮，通过调用绑定的接口里的方法来创建一条Toast消息。

functionshowAndroidToast(toast){

Android.showToast(toast);

}

这里不需要手动初始化"Android"接口，WebView会自动完成初始化工作。所以，点击按钮时，showAndroidToast()方法使用"Android"接口调用了WebAppInterface.showToast()方法。注意：和JavaScript绑定的对象，运行在其他线程中而不是运行在构造它的线程(访问AndroidUI时需特别注意)。警告：如果你的targetSdkVersion设置成17或者更高，必须为所有你希望对JavaScript有效的方法添加一个@JavascriptInterface注解(必须都是public方法)。如果你没有提供这个注解，那么在Android4.2或更高系统版本上，JavaScript就无法访问这些方法。

3.Android本地调用JavaScript代码不仅仅JavaScript可以调用Android本地的代码，WebView也提供了在Android本地调用JavaScript方法的功能。例如，下面有段HTML和JavaScript的代码，调用他会在网页中插入一行文字。

functionshow(content){

document.getElementById("content").innerHTML="这是我的JavaScript调用，这是："+content;

}

在Android本地调用JavaScript的方法非常简单，只需要一行代码，如下：WebView.loadUrl("javascript:show('Android传过来的数据')"

举报/反馈