Android ---js与java的相互调用

时间 2019-11-07 标签 android js java 相互调用

android中的关键代码： javascript

webview.getSettings().setJavaScriptEnabled(true); html

webview.addJavascriptInterface(object,"name");//把Name="name"的对象添加到object中。object若是是this，就是window.name java

webview.loadUrl("file:///android_asset/index.html");//注意这个资源的位置是跟res并列的文件夹下。 node

js或html中调用android中方法代码： android

如： web

或js中 window.name.java中的方法()；数据库

android中调用js的function方法： app

Callfunction(){ ide

webview.loadUrl("javascript: function ()"); post

}

须要注意的地方，不少数据类型js中不认识，最好是在android那边封装好，提供必要的方法接口。好比传到js中的list，在js中是没办法去获得里面的元素的。

addJavascriptInterface：addJavascriptInterface方法中要绑定的Java对象及方法要运行在另外的线程中，不能运行在构造他的线程中，也就是说不能运行在当前的activity线程中，就是把这个方法绑定到页面中，js也能够调用

文档中的解释：

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设置
web.getSettings().setJavaScriptEnabled(true);
//把RIAExample的一个实例添加到js的全局对象window中
//这样就能够使用window.javatojs来调用它的方法
web.addJavascriptInterface(this, "javatojs");
//加载网页
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.....()进行调用
* @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");//建立一个p标签，再建个textnode

tnode = document.createTextNode(jsdata);

pnode.appendChild(tnode);//p中加入数据

datalistdiv.appendChild(pnode);//div中键入新的p

}

}

script>

head>

<body onload="javascript:window.javatojs.Callfunction()">//调用java方法

<div id = "datalist">

this is a demo

div>

body>

html>

posted on 2010-11-01 14:22 开花流水阅读(3547) 评论(1) 编辑收藏所属分类: android

Feedback

# re: Android ---js与java的相互调用 2010-11-01 14:25 开花流水

Android源码：
public class JavaToWebview extends Activity {

private WebView web;
public List list;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
initData();
setContentView(R.layout.webview);
web = (WebView)this.findViewById(R.id.webview);
web.getSettings().setJavaScriptEnabled(true);//开启javascript设置
web.addJavascriptInterface(this, "javatojs");//把RIAExample的一个实例添加到js的全局对象window中， //这样就能够使用window.javatojs来调用它的方法
web.loadUrl("file:///android_asset/demo5.html");//加载网页

}
void initData(){
list=new ArrayList<String>();
for(int i=0;i<5;i++){
list.add("我是从数据库中读取的哈哈");
}
}
/**
* 该方法将在js脚本中，经过window.javatojs.....()进行调用
* @return
*/
public Object getObject(int index){
return list.get(index);
}
public int getSize(){
return list.size();
}
} 回复更多评论