本文目录一览：
- 1、Android AgentWeb Android和Js交互
- 2、JS怎样调用Android本地原生方法
- 3、原生APP中js怎样与Android和ios进行交互
- 4、JS 调用android的方法该怎么调
- 5、如何在JAVASCRIPT调用Android JAVA函数
- 6、H5&&Android交互
Android AgentWeb Android和Js交互
1、Android 调用js
mAgentWeb.getJsAccessEntrace().quickCallJs(" ");
quickCallJs("方法名",参数...)；
方法名不带 ()
例：
js方法 getJs()
mAgentWeb.getJsAccessEntrace().quickCallJs("getJs ");
js方法 getJs(var a，var b)
mAgentWeb.getJsAccessEntrace().quickCallJs("getJs ",a,b);
2、js调用Android
mAgentWeb.getJsInterfaceHolder().addJavaObject("android",new Class());
js调用 window.android.方法名(参数)
Android中提供的方法 需要添加注解 @JavascriptInterface
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"/
原生APP中js怎样与Android和ios进行交互
一、对于Android和ios我们要执行不同的操作，下面是判断系统的js代码
// alert(ismobile(1)); 1表示Android，0表示ios
function ismobile(test){
var u = navigator.userAgent, app = navigator.appVersion;
if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
if(window.location.href.indexOf("?mobile")lt;0){
try{
if(/iPhone|mac|iPod|iPad/i.test(navigator.userAgent)){
return '0';
}else{
return '1';
}
}catch(e){}
}
}else if( u.indexOf('iPad') gt; -1){
return '0';
}else{
return '1';
}
}
二、js调用app端函数，下面是js代码
if(ismobile(1)==1){
Android.setTypeActivity(id,type,href);
}else{
jsToios(id,type,href);
}
setTypeActivity是Android端定义的函数，jsToios是ios端定义的函数，括号里是js端传递的参数。
三、至于js端怎样获取app端的数据，只需在js端提供给app端函数名字，在通知app端调用即可
四、还有一种方法可以不通过app的方法将数据传递给另一个页面，那就是通过URL的方式
在本页面将数据拼接在ip后面
在另外一个页面通过下面方法获取URL后的参数
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("");
for(var i = 0; i strs.length; i ++) {
theRequest[strs[i].split("=")[0]]=decodeURIComponent(strs[i].split("=")[1]);
}
}
return theRequest;
}
// 获取URL参数
var Request = new Object();
Request = GetRequest();
var name;
name = Request['name'];
JS 调用android的方法该怎么调
body
!-- Calls into the javascript interface for the activity --
!-- 从HTML文件中调用activity中的函数 --
!-- 也就是从HTML到android程序 留意window.demo.clickOnAndroid()这句话 --
a onClick="window.demo.clickOnAndroid()"Click/a
/body
mWebView.addJavascriptInterface(new DemoJavaScriptInterface(), "demo");
final class DemoJavaScriptInterface {
DemoJavaScriptInterface() {
}
/**
* This is not called on the UI thread. Post a runnable to invoke
*
* loadUrl on the UI thread.
*
*/
public void clickOnAndroid() { // 注意这里的名称。它为clickOnAndroid(),注意，注意，严重注意
mHandler.post(new Runnable() {
public void run() {
Toast.makeText....
}
});
}
}
如何在JAVASCRIPT调用Android JAVA函数
首先是网页：
%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%
!DOCTYPE HTML
html
head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
titlejs和android相互调用/title
head
script type="text/javascript" language="javascript"
//调用java方法jsCallJava()
function showHtmlcallJava() {
var str = window.android.jsCallJava();
document.getElementById("info1").value = str;
}
//调用java方法jsCallJavaWithParams(String var)，带参数
function showHtmlcallJava2() {
var str = window.android.jsCallJavaWithParams("Devin Chen");
document.getElementById("info2").value = str;
}
//提供给java调用的方法
function show() {
document.getElementById("id_input").value = "Java调用Html中的方法";
}
//提供给java调用的方法，带参数
function showWithParam(param) {
document.getElementById("id_input2").value = "Java调用Html中的方法: " + param;
}
/script
/head
body
input id="info1" style="width: 90%" type="text" value="null" /br
input type="button" value="Html调用Java方法" onclick="showHtmlcallJava()" /br
input id="info2" style="width: 90%" type="text" value="null" /br
input type="button" value="Html调用带参数的Java方法" onclick="showHtmlcallJava2()" /br
input id="id_input" style="width: 90%" type="text" value="null" /br
input type="button" value="Java调用Html方法" onclick="window.android.javaCallJavaScript()" /br
input id="id_input2" style="width: 90%" type="text" value="null" /br
input type="button" value="Java调用带参数的Html方法" onclick="window.android.javaCallJavaScriptWithParams()" /
/body
/html
Android部分的布局就一个WebView，MainActivity源代码：
/**
* java方法和javascript方法的相互调用
*/
public class MainActivity extends AppCompatActivity {
private static final String url = "";
private WebView mWebView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
}
private void initView() {
mWebView = (WebView) findViewById(R.id.web_main);
WebSettings settings = mWebView.getSettings();
settings.setJavaScriptEnabled(true);
settings.setDefaultTextEncodingName("utf-8");
mWebView.loadUrl(url);
mWebView.setWebViewClient(new WebViewClient());
//这两句是必须的,"android"就是jsp中调用方法时window后面的对象
Object obj = getObject();
mWebView.addJavascriptInterface(obj, "android");
}
private Object getObject() {
Object obj = new Object() {
/**
* html中的JavaScript调用Java方法
* 注解是必须的
* @return
*/
@JavascriptInterface
public String jsCallJava() {
return "JavaScript调用Java方法";
}
/**
* html中的JavaScript调用带参数的Java方法
* 注解是必须的
* @return
*/
@JavascriptInterface
public String jsCallJavaWithParams(String var) {
return "JavaScript调用带参数的Java方法" + var;
}
/**
* java调用html中的方法,遗憾的是不知道有什么办法可以拿到返回值
*/
@JavascriptInterface
public void javaCallJavaScript() {
runOnUiThread(new Runnable() {
@Override
public void run() {
mWebView.loadUrl("javascript:show()");
}
});
}
/**
* java调用html中的方法，并且传递参数,这个有大用
*/
@JavascriptInterface
public void javaCallJavaScriptWithParams() {
runOnUiThread(new Runnable() {
@Override
public void run() {
mWebView.loadUrl("javascript:showWithParam('baoge')");
}
});
}
};
return obj;
}
}
H5&&Android交互
JS调用Android原生方法，参数须是Java的内置类型：int、String等，若是JavaScript对象，需字符串化，否则Android无法正确接收；
JS调用Android原生方法，返回值是内置类型：int、String等，JS能够正确接收。若是Java自定义类型，则JS接收不到正确数据；
JS可以通过Android原生方法的返回值获取内置类型的参数，如String
若需要互传复杂类型的对象，双方须以String对媒介，以各自语言的Json工具类进行相互转化；