安卓js调用java保存文件在本地（java下载文件夹到本地）

发布时间：2023-12-08

安卓js调用java保存文件在本地（java下载文件夹到本地）

更新：2022-11-08 15:08

本文目录一览：

  1. JS怎样调用Android本地原生方法
  2. 如何在android平台上使用js直接调用Java方法
  3. 在Android上怎样实现JAVA和JS交互
  4. 在android中怎样调用本地js文件里的方法并得到返回值

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>
  1. 布局文件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>
  1. 然后是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("file:///android_asset/jstest.html");
        btnShowInfo.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                mHandler.post(new Runnable() {
                    @Override
                    public void run() {
                        //调用 HTML 中的javaScript 函数
                        mWebView.loadUrl("javascript:showMsg()");
                    }
                });
            }
        });
    }
}
  1. 最后是绑定全局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"/>

如何在android平台上使用js直接调用Java方法

通过webview进行js调用

webSettings.setJavaScriptEnabled(true);
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() {
        mHandler.post(new Runnable() {
            public void run() {
                mWebView.loadUrl("javascript:wave()");
            }
        });
    }
}

js调用

window.demo.clickOnAndroid()

在Android上怎样实现JAVA和JS交互

Java代码

mWebview.getSettings().setJavaScriptEnabled(true);

然后是设置webview要加载的网页: web的网页:

webView.loadUrl("xxx");

本地的网页:

webView.loadUrl("file:///android_asset/xxx.html"); //本地的存放在:assets文件夹中

webview做完基本的初始化后我们还要要给它加进一个回调的代理类JavascriptInterface,并给它一个调用的名称:ncp Java代码

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

JavascriptInterface可以是一个普通的Java类,类实现的方法,均可被js回调: Java代码

final class JavascriptInterface {
    public int callOnJs() {
        return 1000;
    }
    public void callOnJs2(String mode) {
        //TODO
    }
}

Java要调用js的方法,只需知道js的方法名称即可: Java代码

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

js 这边就更简单:

window.onload = function(){
    document.getElementById('btn_1').addEventListener('click', onBtnClick, false);
    var _int_value = window.ncp.callOnJs();
    alert("get int from java:" + _int_value );
}
function onBtnClick() {
    window.ncp.callOnJs2("click");
}

在android中怎样调用本地js文件里的方法并得到返回值

您好，很高兴能帮助您， Android中webview和js之间的交互

  1. android中利用webview调用网页上的js代码。 Android 中可以通过webview来实现和js的交互，在程序中调用js代码，只需要将webview控件的支持js的属性设置为true，然后通过loadUrl就可以直接进行调用，如下所示：
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.loadUrl("javascript:test()");
  1. 网页上调用android中java代码的方法 在网页中调用java代码，需要在webview控件中添加javascriptInterface。如下所示：
mWebView.addJavascriptInterface(new Object() {
    public void clickOnAndroid() {
        mHandler.post(new Runnable() {
            public void run() {
                Toast.makeText(Test.this, "测试调用java", Toast.LENGTH_LONG).show();
            }
        });
    }
}, "demo");

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

<div id='b'><a onclick="window.demo.clickOnAndroid()">b.c/a/div</div>
  1. Java代码调用js并传参 首先需要带参数的js函数，如function test(str)，然后只需在调用js时传入参数即可，如下所示：
mWebView.loadUrl("javascript:test('aa')");
  1. Js中调用java函数并传参 首先一样需要带参数的函数形式，但需注意此处的参数需要final类型，即得到以后不可修改，如果需要修改其中的值，可以先设置中间变量，然后进行修改。如下所示：
mWebView.addJavascriptInterface(new Object() {
    public void clickOnAndroid(final int i) {
        mHandler.post(new Runnable() {
            public void run() {
                int j = i;
                j++;
                Toast.makeText(Test.this, "测试调用java" + String.valueOf(j), Toast.LENGTH_LONG).show();
            }
        });
    }
}, "demo");

然后在html页面中，利用如下代码

<div id='b'><a onclick="window.demo.clickOnAndroid(2)">b.c/a/div</div>

即可实现调用 你的采纳是我前进的动力，还有不懂的地方，请你继续“追问”！ 如你还有别的问题，可另外向我求助；答题不易，互相理解，互相帮助！

推荐文章