浅谈Android程序与JavaScript脚本的交互_app

概述我们都知道，手机时代的来临的主要标志是啥？能够方便的接入互联网！互联网展现给我们的方式一般都是网页，网页中又必不可少的拥有javascript，所以说，android提供对javascript的支持那是迫在眉睫了，幸好，android

我们都知道，手机时代的来临的主要标志是啥？能够方便的接入互联网！互联网展现给我们的方式一般都是网页，网页中又必不可少的拥有JavaScript，所以说，androID提供对JavaScript的支持那是迫在眉睫了，幸好，androID早就给我们提供了无缝连接。让我们可以通过androID与JavaScript进行交互。

我们的应用很简单，如图：

我们有一个输入框，旁边有个按钮，点击按钮就会提示我们输入的内容。当然这只是HTML中最简单的程序了，但是你将这个程序放入androID手机中访问下试试，它是不会进行提示的。要想让其以androID的形式提示用户，我们就需要用到androID和JavaScript的交互。对了，这里展示的是一个网页哦，代码如下：

Js.HTML

<HTML> <head> <Title>Js交互androID</Title> <mce:script type="text/JavaScript"><!--    function show(){  var a = document.getElementByID("text").value;  alert(a);    } // --></mce:script> </head> <body> <form action="">  <input type="text" ID="text" value=""/>  <input type="button" ID="button" onclick="window.chenzheng_java.show()" value="clickme"/>  </form>  </body> </HTML>

再看看我们的activity代码：

package cn.com.chenzheng_java.Js;  import androID.app.Activity; import androID.os.Bundle; import androID.os.Handler; import androID.util.Log; import androID.webkit.JsResult; import androID.webkit.WebChromeClIEnt; import androID.webkit.WebSettings; import androID.webkit.WebVIEw; import androID.Widget.Toast;  public class JavaScriptActivity extends Activity {  WebVIEw webVIEw;  Handler handler = new Handler();   @OverrIDe  public voID onCreate(Bundle savedInstanceState) {   super.onCreate(savedInstanceState);   setContentVIEw(R.layout.main);    webVIEw = (WebVIEw) findVIEwByID(R.ID.webVIEw1);   /**    * webSettings 保存着WebVIEw中的状态信息。当WebVIEw第一次被创建时，webSetting中    * 存储的都为默认值。WebSetting和WebVIEw是一一绑定的。如果webVIEw被销毁了，那么    * 我们再次调用webSetting中的方法时，会抛出异常。    */   WebSettings webSettings = webVIEw.getSettings();   webSettings.setJavaScriptEnabled(true);   webVIEw.loadUrl("file:///data/Js.HTML");    /***    *webChromeClIEnt是一个比较神奇的东西，其里面提供了一系列的方法，    *分别作用于我们的JavaScript代码调用特定方法时执行，我们一般在其内部    *将JavaScript形式的展示切换为androID的形式。    * 例如：我们重写了onjsAlert方法，那么当页面中需要d出alert窗口时，便    * 会执行我们的代码，按照我们的Toast的形式提示用户。    */   class MyWebChromeClIEnt extends WebChromeClIEnt {     @OverrIDe    public boolean onjsAlert(WebVIEw vIEw,String url,String message,JsResult result) {     Toast.makeText(getApplicationContext(),message,Toast.LENGTH_LONG).show();     return true;    }    }    webVIEw.setWebChromeClIEnt(new MyWebChromeClIEnt());   /*    * 为JavaScript提供一个回调的接口，这里要注意，一定要在单独的线程中实现,要不会阻塞线程的    * addJavaScriptInterface(Object obj,String interfacename)    * obj代表一个java对象，这里我们一般会实现一个自己的类，类里面提供我们要提供给JavaScript访问的方法    * interfacename则是访问我们在obj中声明的方法时候所用到的Js对象，调用模式为window.interfacename.方法名()    */   webVIEw.addJavaScriptInterface(new Object() {     public voID show() {     handler.post(new Runnable() {      @OverrIDe      public voID run() {       Log.i("通知","调用了该方法哦");       /*        * 通过webVIEw.loadUrl("JavaScript:xxx")方式就可以调用当前网页中的名称        * 为xxx的JavaScript方法        */       webVIEw.loadUrl("JavaScript:show()");      }     });     }    },"chenzheng_java");   } }

注意：

1)为了让WebVIEw从apk文件中加载assets，AndroID SDK提供了一个schema，前缀为"file:///androID_asset/"。WebVIEw遇到这样的schema，就去当前包中的assets目录中找内容。如上面的"file:///androID_asset/demo.HTML"

2)addJavaScriptInterface方法中要绑定的Java对象及方法要运行另外的线程中，不能运行在构造他的线程中，这也是使用Handler的目的。

3）如果你要访问网络，请在androIDManifest.xml中加上权限<uses-permission androID:name="androID.permission.INTERNET"></uses-permission>

API
我们在程序中可以看到，androID访问网页以及与JavaScript交互主要用到了这么几个类：

WebVIEw ：我们可以认为它就是一个浏览器，会对用户访问的网址进行解析，下载，渲染……，然后返回给用户一个网页。其内部使用的是webkit渲染引擎，它还包含了一些我们经常使用的功能，比如放大、缩小网页（需要在webSetting中先设置WebSettings.setBuiltInZoomControls(boolean)）；前进、后退……。

默认情况下，webVIEw对JavaScript和页面的错误都是忽略的。很多时候，如果我们想要加载一个uri，可能我们更多的会使用这种形式：

Uri uri = Uri.parse("http://www.example.com"); Intent intent = new Intent(Intent.ACTION_VIEW,uri); startActivity(intent);

API中为我们提供了一个通过webVIEw加载页面的例子，

我们可以看到，主要有loadUrl()和loadData()方法。这里请注意各个参数的含义哦、

拓展

此外，androID还为我们提供了一些类来辅助我们的webvIEw的使用。

WebVIEwClIEnt:

。WebVIEwClIEnt就是帮助WebVIEw处理各种通知、请求事件的，具体来说包括：

onLoadResource:通知webVIEw加载url指定的资源时触发 onPageStart：页面开始加载时触发 onPageFinish：页面加载完毕时触发 onReceiveError：出现错误时触发 WebChromeClIEnt:

WebChromeClIEnt是辅助WebVIEw处理JavaScript的对话框，网站图标，网站Title，加载进度等

onCloseWindow(关闭WebVIEw) onCreateWindow() onjsAlert (WebVIEw上alert是d不出来东西的，需要定制你的WebChromeClIEnt处理d出) onjsPrompt onjsConfirm onProgressChanged onReceivedIcon onReceivedTitle

API中提供给我们一个实例：

WebSetting:和WebVIEw是一一绑定的，控制webvIEw的一些基础设置信息，如是否识别JavaScript，网页是否可放大缩小等。

如果我们想通过webvIEw进行历史网页查看时，一定要注意，先通过如下方法判断下是否可执行该 *** 作才好：

然后就可通过

voID goBack() voID goBackOrForward(int steps)
voID goForward()

三个方法进行 *** 作了，字面意思很容易看懂，其中goBackOrForward传递进负数时为back *** 作，正数为forward *** 作。

总结

以上是内存溢出为你收集整理的浅谈Android程序与JavaScript脚本的交互全部内容，希望文章能够帮你解决浅谈Android程序与JavaScript脚本的交互所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1149464.html