webkit应用之webview与javascript详解实验指导书.pdfVIP

实验目的：

1.认识Android中的网络通讯机制。

2.了解Android中WebView与Javascript相用的相关基础知识。

实验要求：

1.在规定期限独立完成实验内容；

2.提交文件统一压缩(命名:+实验项目名称，如：_WebKit应用之

WebKit与Javascript详解实验.zip)；

3.压缩文件包含以下内容:

1)提交相应项目文件4份

命名参考如下：

MainActivity.java

main.xml

prom_dialog.xml

AndroidManifest.xml

2)提交实验报告文件1份

命名参考如下：

WebKit应用之WebView与Javascript详解实验报告.doc

实验原理：

简介:

WebView不但可以运行一段HTML代码，而且还有一个最重要的特点，

就是WebView可以通Javascript互相调用。有了它我们就可以用HTML和

Javascript来编写Android应用。

1

TEL：021-61060206FAX:021-61060201

实验内容：

本实验我们来学习WebView如何和Javascript互相调用，该示例实现

从Android中调出，然后通过Javascript显示出来。我们需要在

Android中定义一个alData类，用来保存，并且定义得到这

些数据的成员函数，供Javascript调用。这里需要通过

addJavascriptInterface(Objectobj,StringinterfaceName)方法将一个Java对象

绑定到一个Javascript对象中，Javascript对象名就是interfaceName，作用

域是Global，这样便可以扩展Javascript的API，获取Android的数据。

首先请大家新建一个Android项目，配置如下：

2

TEL：021-61060206FAX:021-61060201

我们需要一个alData.html文件，并将其放置在asset下，

alData.html代码如下：

html

head

scripttype=text/javascript

window.onload=function(){

varaldata=window.alData.getalData();

if(aldata)

{

varaldata=document.getElementById(aldata);

pnode=document.createElement(p);

tnode=document.createTextNode(ID:+aldat