android中java与js通信（可以用html来做页面，进行交互）

最新推荐文章于 2023-06-14 06:33:14 发布

wiyun

最新推荐文章于 2023-06-14 06:33:14 发布

阅读量926

点赞数

分类专栏： Android

Android 专栏收录该内容

86 篇文章 0 订阅

订阅专栏

android中java与js通信（可以用html来做页面，进行交互）

分类： android 2013-08-15 17:49 60人阅读评论(0) 收藏举报

index.html的内容：

<html>
< head>
< script language="JavaScript">
function callJS(arg){
document.getElementById('replaceme').innerHTML=arg;
} //android会来调用它
< /script>
< /head>
< body>
< h1>WebView</h1>
< p>
< a href="#" οnclick="window.alert('AlertfromJavaScript')">
DisplayJavaScriptalert</a>//该事件会被android截获
< /p>
< p>
< a href="#" οnclick="window.android.callAndroid('HellofromBrowser')">
CallAndroidfromJavaScript</a>//js通过自己定义“android"接口来调用java类中的方法，"android"可以改成任意的，但必须和java中设置的接口名一致
< /p>
< p id="replaceme">
< /p>
< /body>
< /html>

Activity中设置：

package com.test.localbrowser;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.JsResult;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;

public class LocalBrowserActivity extends Activity {

    private static final String TAG="LocalBrowser";
    private final Handler handler=new Handler();
    private WebView webView;
    private TextView textView;
    private Button button;

    private class AndroidBridge //这个类中提供各种js可调用的方法。
    {
        public void callAndroid(final String arg)
        {
            handler.post(new Runnable(){
                public void run()
                {
                    Log.d(TAG,"calAndroid("+arg+")");
                    textView.setText(arg);
                }
            });
        }
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        webView=(WebView)findViewById(R.id.web_view);
        textView=(TextView)findViewById(R.id.text_view);
        button=(Button)findViewById(R.id.button);

        webView.getSettings().setJavaScriptEnabled(true);
        webView.addJavascriptInterface(new AndroidBridge(), "android"); //将那个实例化的函数类设置为”android"的js接口。
        webView.setWebChromeClient(new WebChromeClient()
        {

            @Override
            public boolean onJsAlert(WebView view, String url, String message,
                    JsResult result) {

                Log.d(TAG,"onJsAlert("+view+","+url+","+message+","+result+")");
                Toast.makeText(LocalBrowserActivity.this, message, 3000).show();
                result.confirm();
                return true;
            }

        });//设置可以被java截获的js事件。

        webView.loadUrl("file:///android_asset/index.html");
        button.setOnClickListener(new OnClickListener() {

            public void onClick(View v) {
                Log.d(TAG,"onClick("+v+")");
                webView.loadUrl("javascript:callJS('hello from android')"); //java调用js的函数
            }
        });
    }

}

有了这些基础，可以尝试用html做界面

wiyun

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
android中java与js通信（可以用html来做页面，进行交互）

android中java与js通信（可以用html来做页面，进行交互）分类： android2013-08-15 17:4960人阅读评论(0)收藏举报index.html的内容：function callJS(arg){document.getElementById('replaceme').
复制链接

扫一扫

专栏目录