Android----WebView与JavaScript交互调用(1)
现在很多的手机应用,都可能会直接嵌入一个web页面。这样做的好处:一个是功能更新方便,维护起来容易,只需要维护服务器的页面即可,不需要更新客户端;另一个是功能通用,不仅android可以用,ios也可以用,symbian也可以直接用。而且WebView对Javascript的支持很强,但也没有亲身编程测试一下,所有这里举个例子说明一下如何在Javascript中调用java中函数
1、创建一个android 工程 TestWebView
2、继承自 Activity
[java]
<pre name="code" class="java" style="font-family: Arial, Helvetica, simsun, u5b8bu4f53; "><span style="font-size:16px;">public class TestWebView extends Activity {
private WebView mWebView;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
mWebView = (WebView) findViewById(R.id.htmlview);
WebSettings webSettings = mWebView.getSettings();
// 是否允许在webview中执行javascript
webSettings.setJavaScriptEnabled(true);
// 绑定java对象到JavaScript中,这样就能在JavaScript中调用java对象,实现通信。
// 这种方法第一个参数就是java对象,第二个参数表示java对象的别名,在JavaScript中使用
mWebView.addJavascriptInte易做图ce(new DemoJavaScriptInte易做图ce(), "demo");
// webview加载本地html代码,注意本地html代码必须放在工程assets目录下,然后通过
// file:///android_asset/demo.html访问
mWebView.loadUrl("file:///android_asset/demo.html");
}
public class DemoJavaScriptInte易做图ce {
public DemoJavaScriptInte易做图ce() {
}
public int mydata() {
Log.i("TEST","mydata.....");
return 0;
}
}
}</span>
<pre name="code" class="java" style="font-family: Arial, Helvetica, simsun, u5b8bu4f53; "><span style="font-size:16px;">public class TestWebView extends Activity {
private WebView mWebView;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
mWebView = (WebView) findViewById(R.id.htmlview);
WebSettings webSettings = mWebView.getSettings();
// 是否允许在webview中执行javascript
webSettings.setJavaScriptEnabled(true);
// 绑定java对象到JavaScript中,这样就能在JavaScript中调用java对象,实现通信。
// 这种方法第一个参数就是java对象,第二个参数表示java对象的别名,在JavaScript中使用
mWebView.addJavascriptInte易做图ce(new DemoJavaScriptInte易做图ce(), "demo");
// webview加载本地html代码,注意本地html代码必须放在工程assets目录下,然后通过
// file:///android_asset/demo.html访问
mWebView.loadUrl("file:///android_asset/demo.html");
}
public class DemoJavaScriptInte易做图ce {
public DemoJavaScriptInte易做图ce() {
}
public int mydata() {
Log.i("TEST","mydata.....");
return 0;
}
}
}</span>
3、修改 main.xml 文件如下
[html]
<span style="font-size:16px;"><?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="fill_parent"
>
<WebView android:id="@+id/htmlview"
android:layout_centerHorizontal="true" android:layout_centerVertical="true"
android:layout_marginLeft="0px" android:layout_width="fill_parent"
android:layout_height="fill_parent" />
</RelativeLayout></span>
<span style="font-size:16px;"><?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="fill_parent"
>
<WebView android:id="@+id/htmlview"
android:layout_centerHorizontal="true" android:layout_centerVertical="true"
android:layout_marginLeft="0px" android:layout_width="fill_parent"
android:layout_height="fill_parent" />
</RelativeLayout></span>
4、在assets目录下,新建一个html文件:demo.html,使用JAVAScript代码编写
[javascript]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>this is web html
<div id="output" >test</div>
<input type="submit" value="buttons"
onclick="document.getElementById('output').innerHTML=window.demo.mydata()"/>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>this is web html
<div id="output" >test</div>
<input type="submit" value="buttons"
 
补充:移动开发 , Android ,