H5&&Android交互

JS调用Android原生方法，参数须是Java的内置类型：int、String等，若是JavaScript对象，需字符串化，否则Android无法正确接收；

创新互联公司制作网站网页找三站合一网站制作公司,专注于网页设计,成都网站设计、成都网站建设,网站设计,企业网站搭建,网站开发,建网站业务,680元做网站,已为上1000家服务,创新互联公司网站建设将一如既往的为我们的客户提供最优质的网站建设、网络营销推广服务!

JS调用Android原生方法，返回值是内置类型：int、String等，JS能够正确接收。若是Java自定义类型，则JS接收不到正确数据；

JS可以通过Android原生方法的返回值获取内置类型的参数，如String

若需要互传复杂类型的对象，双方须以String对媒介，以各自语言的Json工具类进行相互转化；

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函数

你好:

一、网页的JS代码调用ANDROID中JAVA代码的方法

在网页中调用java代码、需要在webview控件中添加javascriptInterface

contentWebView = (WebView) findViewById(R.id.webview);

//启用javascript

contentWebView.getSettings().setJavaScriptEnabled(true);

contentWebView.addJavascriptInterface(this, "js对象名");

在Activity中定义一个要被js调用的方法、src为js传递过来的参数、如果没有不传也可以

public void jsFunction(final String str) {

Toast.makeText(this, str, Toast.LENGTH_SHORT).show();

runOnUiThread(new Runnable() {

@Override

public void run() {

//在里对Android应用的UI进行处理

}

});

}

在网页中、只需要像调用js方法一样、进行调用就可以

a onClick="window.js对象名.jsFunction(´hello world´)"

点击调用java代码并传递参数

/a

二、ANDROID中JAVA代码调用网页的JS代码的方法

Java代码调用js并传参其实是通过WebView的loadUrl方法去调用的、只是参数url的写法不一样而已

// 无参数调用

contentWebView.loadUrl("javascript:javacalljs()");

// 传递参数调用

contentWebView.loadUrl("javascript:javacalljswithargs("

+ "´hello world´" + ")");

三、JAVA和JS交互注意事项

1、Java 调用 js 里面的函数、效率并不是很高、估计要200ms左右吧、做交互性很强的事情、这种速度很难让人接受、而js去调Java的方法、速度很快、50ms左右、所以尽量用js调用Java方法

2、Java 调用 js 的函数、没有返回值、调用了就控制不到了

3、Js 调用 Java 的方法、返回值如果是字符串、你会发现这个字符串是 native 的、转成 locale 的才能正常使用、使用 toLocaleString() 函数就可以了、不过这个函数的速度并不快、转化的字符串如果很多、将会很耗费时间

4、网页中尽量不要使用jQuery、执行起来需要5-6秒、最好使用原生的js写业务脚本、以提升加载速度、改善用户体验

Js调用Android的方法

1、初始化WebView

X5WebView  webView =new X5WebView(this,null);我这里用的是腾讯的TBS浏览服务.详情参考上一篇文章：

2、设置初始化WebSetting

3、给WebView添加addJavascriptInterface（）

例如：

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"/