android与js之间的交互,android和js之间的简单交互

1，android代码：(我这里用的是phonegap)

package com.example.com.yjb.phonegap.test;

import android.os.Bundle;

import android.view.Window;

import android.webkit.JavascriptInterface;

import android.widget.Toast;

import com.phonegap.DroidGap;

/**

* 这个例子是：先用js代码调用android代码，然后android在回调js代码

* @author YUJIAN

*

*/

public class MainActivity extends DroidGap {

@Override

public void onCreate(Bundle savedInstanceState) {

requestWindowFeature(Window.FEATURE_NO_TITLE);

super.onCreate(savedInstanceState);

this.loadUrl("file:///android_asset/www/index.html");

//给js设置调用的方法

this.appView.addJavascriptInterface(new JavaScripdtObject(), "android");

}

/**

* 供js调用的对象方法

*

* @author YUJIAN

*

*/

public class JavaScripdtObject {

@JavascriptInterface

public void runAndroidMethod(String str) {

Toast.makeText(MainActivity.this, "被js调用"+str, Toast.LENGTH_SHORT)

.show();

//android调用js代码

MainActivity.this.appView.loadUrl("javascript:getNode3()");

}

}

} 2，js代码：

木德html5

function getNode3()

{

var nodes = document.getElementsByTagName("span");

for(var x=0;x

{

alert(nodes[x].innerText);

}

}

//获取指定区域表格中的span标签

function getNode4()

{

var str = "javascrip木德";

//调用android代码

window.android.runAndroidMethod(str);

}

这是一个div节点

这是一个span区域

这是第二个span区域

这是单元格中的span