獲取WebView對象
調用WebView對象的getSettings()方法，獲取WebSettings對象
調用WebSettings對象的setJavaScriptEnabled()方法，設置js可用，參數：布爾值
在判斷是否支持js的時候，不要用alert()，默認不起作用，可以先用document.write()測試
調用WebView對象的addJavascriptInterface(obj, interfaceName)方法，添加js接口，參數：Object對象，String接口名稱（這個對象在js中的別名）
定義一個內部類MyJavascript
定義一個方法showToast()，顯示吐司，api版本大于17需要加注解@JavascriptInterface
java代碼：
package com.tsh.mywebview;import android.annotation.SuppressLint;import android.app.Activity;import android.app.ProgressDialog;import android.graphics.Bitmap;import android.os.Bundle;import android.view.KeyEvent;import android.view.Menu;import android.view.MenuItem;import android.view.Window;import android.webkit.JavascriptInterface;import android.webkit.WebSettings;import android.webkit.WebView;import android.webkit.WebViewClient;import android.widget.Toast;public class MainActivity extends Activity {private WebView webview;private ProgressDialog pd;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);requestWindowFeature(Window.FEATURE_NO_TITLE);setContentView(R.layout.activity_main);pd=new ProgressDialog(this);pd.setMessage("正在加載...");//webview的簡單設置webview=(WebView) findViewById(R.id.wv_internet);//http://100.65.187.106/test.phpwebview.loadUrl("http://100.65.187.106/test.php");WebSettings websettings=webview.getSettings();websettings.setSupportZoom(true);websettings.setBuiltInZoomControls(true);//js交互new MyJavascript().showToast("111");websettings.setJavaScriptEnabled(true);webview.addJavascriptInterface(new MyJavascript(), "Android");webview.loadUrl("javascript:documentWrite('測試')");webview.setWebViewClient(new WebViewClient(){@Overridepublic void onPageStarted(WebView view, String url, Bitmap favicon) {pd.show();}@Overridepublic void onPageFinished(WebView view, String url) {pd.dismiss();}});}//暴露給js的功能接口public class MyJavascript{//顯示吐司// 如果target 大于等于API 17，則需要加上如下注解@JavascriptInterfacepublic void showToast(String text) {Toast.makeText(MainActivity.this, text, 1).show();}//顯示loading@JavascriptInterfacepublic void showProgressDialog(String text) {pd.setMessage(text);pd.show();}}//后退鍵@Overridepublic boolean onKeyDown(int keyCode, KeyEvent event) {if(keyCode==KeyEvent.KEYCODE_BACK&&webview.canGoBack()){webview.goBack();return true;}return super.onKeyDown(keyCode, event);}//菜單鍵@Overridepublic boolean onCreateOptionsMenu(Menu menu) {menu.add(0, 0, 0, "刷新");menu.add(0, 0, 1, "后退");menu.add(0, 0, 2, "前進");return super.onCreateOptionsMenu(menu);}//菜單點擊事件@Overridepublic boolean onOptionsItemSelected(MenuItem item) {switch (item.getOrder()) {case 0:webview.reload();break;case 1:if(webview.canGoBack()){webview.goBack();}break;case 2:if(webview.canGoForward()){webview.goForward();}break;}return super.onOptionsItemSelected(item);}}js代碼：
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>測試android程序</title></head><body>測試android和js交互<br/><button onClick="showToast()">顯示吐司</button><br/><button onClick="showProgressDialog()">顯示loading</button><script type="text/javascript">function showToast(){Android.showToast("顯示吐司");}function showProgressDialog(){Android.showProgressDialog("顯示進度條");}</script></body></html>以上內容是小編給大家介紹的Android中WebView與Js交互的實現方法，希望對大家以上幫助！
新聞熱點
疑難解答
