android中的關(guān)鍵代碼:
webview.getSettings().setJavaScriptEnabled(true);
webview.addJavascriptInterface(object,"name");//把Name="name"的對象添加到object中。object如果是this,就是window.name
webview.loadUrl("file:///android_asset/index.html");//注意這個資源的位置是跟res并列的文件夾下。
js或html中調(diào)用android中方法代碼:
或js中 window.name.java中的方法();
android中調(diào)用js的function方法:
Callfunction(){
webview.loadUrl("javascript: function ()");
}
需要注意的地方,很多數(shù)據(jù)類型js中不認識,最好是在android那邊封裝好,提供必要的方法接口。比如傳到j(luò)s中的list,在js中是沒辦法去得到里面的元素的。
addJavascriptInterface:addJavascriptInterface方法中要綁定的Java對象及方法要運行在另外的線程中,不能運行在構(gòu)造他的線程中,也就是說不能運行在當前的activity線程中,就是把這個方法綁定到頁面中,js也可以調(diào)用
文檔中的解釋:
Use this function to bind an object to Javascript so that the methods can be accessed from Javascript.
The Java object that is bound runs in another thread and not in the thread that it was constructed in.
Demo代碼:
JavaJsDemo.java
package com.demo.android.JavaJsDemo;
import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;
import java.util.ArrayList;
import java.util.List;
public class JavaJsDemo extends Activity {
/** Called when the activity is first created. */
private WebView web;
public List<String> list;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
initData();
setContentView(R.layout.main);
web = (WebView)this.findViewById(R.id.webview);
//開啟javascript設(shè)置
web.getSettings().setJavaScriptEnabled(true);
//把RIAExample的一個實例添加到j(luò)s的全局對象window中
//這樣就可以使用window.javatojs來調(diào)用它的方法
web.addJavascriptInterface(this, "javatojs");
//加載網(wǎng)頁
web.loadUrl("file:///android_asset/index.html");
}
void initData(){
list=new ArrayList<String>();
for(int i=0;i<5;i++){
list.add("我是List中的第"+(i+1)+"行");
}
}
/**
* 該方法將在js腳本中,通過window.javatojs.....()進行調(diào)用
* @return
*/
public Object getObject(int index){
return list.get(index);
}
public int getSize(){
return list.size();
}
public void Callfunction(){
web.loadUrl("javascript: GetList()");
}
}
index.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>demotitle>
<script language="javascript">
function GetList(){
var i=window.javatojs.getSize();
for(var n=0;n<i;n++){
var jsdata= window.javatojs.getObject(n);//拿到activity里面的屬性javadata
var datalistdiv = document.getElementById("datalist"); //得到頁面的div
pnode = document.createElement("p");//創(chuàng)建一個p標簽,再建個textnode
tnode = document.createTextNode(jsdata);
pnode.appendChild(tnode);//p中加入數(shù)據(jù)
datalistdiv.appendChild(pnode);//div中鍵入新的p
}
}
script>
head>
<body onload="javascript:window.javatojs.Callfunction()">//調(diào)用java方法
<div id = "datalist">
this is a demo
div>
body>
html>