JavaScript在现在的网页设计中用得很多，Android 的WebView可以载入网页，WebView也设计了与JavaScript通信的桥梁。这篇主要介绍一下WebViewk控件如何和JavaScript进行交互。

WebView:

WebView和网页相关的主要有一下几个方法：

setWebViewClient;

setWebChromeClient;

addJavascriptInterface;

loadUrl;

setWebViewClient：设置一个WebViewClient的对象，通过这个对象的几个回调方法，可以知道当前网页的状态。

setWebViewChromeClient: 设置一个WebChromeClient对象，JavaScript调用的一些内建方法都是通过这个对象来处理的。

addJavascriptInterface: 设置JavaScript的接口，有两个参数，第一个一般是一个Object对象，里面实现的方法都是网页里JavaScript可以调用到的，第二个参数是一个字符串，最后到JavaScript就相当于一个对象名，JavaScript通过这个对象名调用第一个参数里面实现的方法。要使这个方法生效，要通过WebView的getSettings方法获取WebSettings对象，设置JavaScript使能 setJavaScriptEnabled(true)。

loadUrl:载入相应网页。

下面实现了一个简单的Demo（最后有效果图）: 主要的流程是载入了asset目录下的一个内置网页，点击网页上的Click按钮，会调用通过addJavascriptInterface方法设置下去的Object的show方法，这个方法里通过loadUrl的方式调用JavaScript的javaScriptshow方法，这个方法里又调用了Java的result方法，result方法里显示了一个Toast.需要注意的是show方法的回调和result方法的回调是不在主线程的。

MainAc

1 package com.exam; 2 3 import android.gra; 4 import android.os.Handler; 5 import android.; 6 import android.os.Bundle; 7 import android.u; 8 import android.webkit.JavascriptInterface; 9 import android.webkit.JsResult; 10 import android.webkit.WebChromeClient; 11 import android.webkit.WebResourceError; 12 import android.webkit.WebResourceRequest; 13 import android.webkit.WebView; 14 import android.webkit.WebViewClient; 15 import android.widget.Toast; 16 17 public class MainActivity extends AppCompatActivity { 18 19 private static final String TAG = "MainAc;; 20 WebView mWebView; 21 Handler mHander = new Handler; 22 @Override 23 protected void onCreate(Bundle savedInstanceState) { 24 (savedInstanceState); 25 setContentView); 26 mWebView = (WebView)findViewById); 27 initWebView; 28 } 29 30 public void initWebView { 31 mWebView.ge(true); 32 mWebView.setWebViewClient(new WebViewClientCustom); 33 mWebView.addJavascriptInterface(new Object { 34 @JavascriptInterface 35 public void result(final String result) { 36 Log.d(TAG,"javaScript 调用java的方法 返回结果 result = " + result); 37 mHander.post(new Runnable { 38 @Override 39 public void run { 40 if > 0) Toa;你输入了: " + result,Toa).show; 41 } 42 }); 43 } 44 @JavascriptInterface 45 public void show { 46 Log.d(TAG,"JavaScript 调用java show"); 47 mHander.post(new Runnable { 48 @Override 49 public void run { 50 Log.d(TAG,"java 调用 javaScript javaScriptshow"); 51 mWebView.loadUrl("JavaScript:javaScriptshow"); 52 } 53 }); 54 return; 55 } 56 },"JavaScriptL"); 57 mWebView.loadUrl("file:///android_asse;); 58 } 59 60 public class WebViewClientCustom extends WebViewClient { 61 @Override 62 public void onPageStarted(WebView view, String url, Bitmap favicon) { 63 Log.d(TAG,"onPageStarted"); 64 (view, url, favicon); 65 } 66 67 @Override 68 public void onPageFinished(WebView view, String url) { 69 Log.d(TAG,"onPageFinished"); 70 (view, url); 71 } 72 73 @Override 74 public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) { 75 Log.d(TAG,"onReceivedError"); 76 (view, request, error); 77 } 78 } 79 }

View Code

index.html 内置的网页

1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="Generator" content="EditPlus®"> 6 <meta name="Author" content=""> 7 <meta name="Keywords" content=""> 8 <meta name="Description" content=""> 9 <title>javaScript</title> 10 <script type="text/javaScript"> 11 function javaScriptshow { 12 var a = document.getElementById("text").value; 13 JavaScri(a); 14 } 15 </script> 16 </head> 17 <body style="text-align:center;margin-top:100px"> 18 <p > Android javaScript学习</p> 19 <form action=""> 20 <input type="text" id = "text" value=""/> 21 <input type="button" onclick="window.JavaScri; value="Click" /> 22 </form> 23 </body> 24 </html>

实现的效果图如下：

1.《点击页面如何知道调用那个js》援引自互联网，旨在传递更多网络信息知识，仅代表作者本人观点，与本网站无关，侵删请联系页脚下方联系方式。

2.《点击页面如何知道调用那个js》仅供读者参考，本网站未对该内容进行证实，对其原创性、真实性、完整性、及时性不作任何保证。

3.文章转载时请保留本站内容来源地址，https://www.lu-xu.com/keji/3303049.html