jsandroid,jsandroidacts

JS怎样调用Android本地原生方法

在android中调用本地js文件里的方法并得到返回值其方法如下：

Android中内置了WebKit模块，而该模块的Java层视图类就是WebView，所有需要使用Web浏览器功能的Android都需要创建该视图类对象显示和处理请求的网络资源。目前WebKit支持Http、Https、Ftp和JavaScript请求。下面是在Android中调用JavaScript方法以及如何在js中调用本地方法。

1、在Assets下放一个简单的html文件jstest.html

!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" ""

HTML

HEAD

meta name="viewport" content="width=device-width, target-densitydpi=device-dpi" /

META http-equiv="Content-Type" content="text/html; charset=UTF-8"

script

function showMsg(){

alert("hello world!");

}

function showMsgInAndroid(){

myjs.showMsg('hello in android!');

}

/script

/HEAD

BODY

span测试js使用/span

button id='btntest' onclick='showMsgInAndroid()'调用android方法/button

/BODY

/HTML

2、布局文件main.xml

?xml version="1.0" encoding="utf-8"?

RelativeLayout

android:id="@+id/rl_main"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

xmlns:android=""

WebView

android:id="@+id/wv_test"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:layout_above="@+id/btn_showmsg"/

Button

android:id="@+id/btn_showmsg"

android:layout_width="200dip"

android:layout_height="40dip"

android:layout_alignParentBottom="true"

android:layout_centerHorizontal="true"

android:text="调用html中js方法"/

/RelativeLayout

3、然后是Activity，MainActivity.java

package com.harold.jstest;

import com.harold.base.JSKit;

import android.app.Activity;

import android.os.Bundle;

import android.os.Handler;

import android.view.View;

import android.view.View.OnClickListener;

import android.webkit.WebChromeClient;

import android.webkit.WebView;

import android.widget.Button;

public class MainActivity extends Activity {

private WebView mWebView;

private Button btnShowInfo;

private JSKit js;

private Handler mHandler = new Handler();

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

//初始化控件

mWebView = (WebView) findViewById(R.id.wv_test);

btnShowInfo = (Button) findViewById(R.id.btn_showmsg);

//实例化js对象

js = new JSKit(this);

//设置参数

mWebView.getSettings().setBuiltInZoomControls(true);

//内容的渲染需要webviewChromClient去实现，设置webviewChromClient基类，解决js中alert不弹出的问题和其他内容渲染问题

mWebView.setWebChromeClient(new WebChromeClient());

mWebView.getSettings().setJavaScriptEnabled(true);

//把js绑定到全局的myjs上，myjs的作用域是全局的，初始化后可随处使用

mWebView.addJavascriptInterface(js, "myjs");

mWebView.loadUrl("");

btnShowInfo.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

mHandler.post(new Runnable() {

@Override

public void run() {

//调用 HTML 中的javaScript 函数

mWebView.loadUrl("javascript:showMsg()");

}

});

}

});

}

}

4、最后是绑定全局js的类JSKit.java

package com.harold.base;

import android.widget.Toast;

import com.harold.jstest.MainActivity;

public class JSKit {

private MainActivity ma;

public JSKit(MainActivity context) {

this.ma = context;

}

public void showMsg(String msg) {

Toast.makeText(ma, msg, Toast.LENGTH_SHORT).show();

}

}

例子比较简单，代码里都加了注释，这里就不多说了，本示例用的本地的html，如果访问网络中的网页，别忘记在AndroidManifest.xml中加权限

uses-permission android:name="android.permission.INTERNET"/

相关问答

Q1: android与js交互实现什么功能

Android与js交互可以互通信息

互通信息的就是你可以告诉我做什么或者我可以让你做什么

具体功能：一个是可以实现热更新，通过js创建Android组件并对出错的信息进行实时修复。

还有个是两方可以互通API调用，把js的灵活性和native的易用性结合

Q2: JS 调用android的方法该怎么调

用webview打开网页，然后通过webview与app的本地java代码进行交互。

1、设置webview支持Javascript

mWebview.getSettings().setJavaScriptEnabled(true);

2、加进一个回调的代理类JavaScriptInterface，并给它一个调用的名称：ncp

mWebView.addJavascriptInterface(new JavaScriptInterface(), "ncp");

final class JavaScriptInterface {

public int callOnJs() {

return 1000;

}

public void callOnJs2(String mode) {

//TODO

}

}

3、JS页面调用android方法

script type="text/javascript"

window.onload = function(){

var _int_value = window.ncp.callOnJs(); //通过ncp代理调用android方法

}

/script

Q3: JS和Android 交互

1、设置webview对js的支持

2、在html中添加 evaluateNativeToJS 方法

3、在Android中调用 evaluateNativeToJS 方法

1、创建js调用的接口（添加js要调用的方法 evaluateJsToNative）

2、设置webview对js的支持

3、js调用 evaluateJsToNative方法