android webview读取html和js .

简介:

 WebView对Javascript的支持也很强,google一个Java和Javascript互调的例子  
整个Eclipse ADT工程例子中都有,这里重点分析一下代码:

Java代码   收藏代码
  1. public class WebViewDemo extends Activity {  
  2.     private WebView mWebView;  
  3.     private Handler mHandler = new Handler();  
  4.   
  5.     public void onCreate(Bundle icicle) {  
  6.         super.onCreate(icicle);  
  7.         setContentView(R.layout.webviewdemo);  
  8.         mWebView = (WebView) findViewById(R.id.webview);  
  9.         WebSettings webSettings = mWebView.getSettings();  
  10.         webSettings.setJavaScriptEnabled(true);  
  11.         mWebView.addJavascriptInterface(new Object() {  
  12.             public void clickOnAndroid() {  
  13.                 mHandler.post(new Runnable() {  
  14.                     public void run() {  
  15.                         mWebView.loadUrl("javascript:wave()");  
  16.                     }  
  17.                 });  
  18.             }  
  19.         }, "demo");  
  20.         mWebView.loadUrl("file:///android_asset/demo.html");  
  21.     }  
  22. }  

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

Html代码   收藏代码
  1. <html>  
  2.         <script language="javascript">  
  3.                 function wave() {  
  4.                     document.getElementById("droid").src="android_waving.png";  
  5.                 }  
  6.         </script>  
  7.         <body>  
  8.             <a onClick="window.demo.clickOnAndroid()">  
  9.                                 <img id="droid" src="android_normal.png"/><br>  
  10.                                 Click me!  
  11.             </a>  
  12.         </body>  
  13. </html>  

 这样在javascript中就可以调用java对象的clickOnAndroid()方法了,wave()方法是java中调用javascript的例子。

这里还有几个知识点:

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

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

相关文章
|
1月前
|
JavaScript 前端开发 开发者
编程笔记 html5&css&js 071 JavaScript Symbol 数据类型
编程笔记 html5&css&js 071 JavaScript Symbol 数据类型
|
6天前
|
JavaScript 前端开发
js怎么删除html元素
js怎么删除html元素
19 10
|
14天前
|
JSON JavaScript 前端开发
js是什么、html、css
js是什么、html、css
|
1月前
|
JavaScript 计算机视觉
纯js实现人脸识别眨眨眼张张嘴案例——index.html
纯js实现人脸识别眨眨眼张张嘴案例——index.html
16 0
|
1月前
|
JavaScript 前端开发
HTML JS 应用
HTML JS 应用
19 3
|
1月前
|
移动开发 JavaScript Android开发
Android与Html5交互
Android与Html5交互
|
1月前
|
JavaScript 前端开发
编程笔记 html5&css&js 079 JavaScript 循环语句
编程笔记 html5&css&js 079 JavaScript 循环语句
|
1月前
|
JavaScript 前端开发 开发者
编程笔记 html5&css&js 078 JavaScript 条件判断语句
条件判断语句是首先要接触的语句。通过条件判断来执行不同的代码块。
|
1月前
|
JavaScript 前端开发 编译器
编程笔记 html5&css&js 077 Javascript 关键字
编程笔记 html5&css&js 077 Javascript 关键字
|
1月前
|
JavaScript 前端开发
编程笔记 html5&css&js 076 Javascript 表达式
编程笔记 html5&css&js 076 Javascript 表达式