Android原生java语句和htmljs互相调用传递参数

共52个文件

class：16个

xml：11个

png：9个

android

html

传递参数

5星 · 超过95%的资源需积分: 50 10 浏览量 2015-08-20 16:21:30 上传评论收藏 1.39MB RAR 举报

在Android开发中，有时我们需要将Web内容嵌入到应用程序中，这时`WebView`是一个常见的选择。`WebView`不仅可以展示HTML页面，还能实现Android原生Java代码与HTML中的JavaScript交互，从而实现更丰富的功能。本教程将详细介绍如何在Android中通过Java语句与HTML中的JavaScript进行互调，并传递参数。我们需要在Android项目中引入`WebView`组件。在XML布局文件中添加一个`WebView`： ```xml <WebView android:id="@+id/webView" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 接着，在Activity的Java代码中初始化并设置`WebView`： ```java WebView webView = findViewById(R.id.webView); webView.getSettings().setJavaScriptEnabled(true); // 开启JavaScript支持 webView.loadUrl("file:///android_asset/index.html"); // 加载本地HTML文件 ``` 为了实现Java与JavaScript的交互，我们可以使用`WebView`的`addJavascriptInterface`方法。例如，我们创建一个Java对象，暴露给JavaScript调用： ```java public class MyJavaScriptInterface { @JavascriptInterface public String getAndroidMessage(String jsMessage) { return "这是来自Android的回复：" + jsMessage; } } // 在WebView中添加接口 webView.addJavascriptInterface(new MyJavaScriptInterface(), "android"); ``` 现在，JavaScript可以通过`window.android.getAndroidMessage`调用这个方法。在HTML文件（例如`index.html`）中，我们可以这样调用： ```html <!DOCTYPE html> <html> <head> <script> function callAndroidMethod() { var message = "你好，Android！"; window.android.getAndroidMessage(message).then(function(response) { document.getElementById('result').innerHTML = response; }); } </script> </head> <body> <button onclick="callAndroidMethod()">调用Android方法</button> <p id="result"></p> </body> </html> ``` 当用户点击按钮时，JavaScript会调用`getAndroidMessage`方法并将结果显示在页面上。同时，Android也可以调用JavaScript函数。使用`WebView`的`loadUrl`方法，可以执行JavaScript代码： ```java webView.loadUrl("javascript:callJsFunction()"); ``` 在HTML文件中，我们需要定义这个`callJsFunction`函数： ```javascript function callJsFunction() { var jsMessage = "你好，Java！"; android.getAndroidMessage(jsMessage); } ``` 这样，当Android调用`callJsFunction`时，JavaScript会传递一个消息给Java，Java处理后返回结果，再将结果显示回页面。总结来说，Android与HTML JavaScript的互调主要依赖`WebView`的`addJavascriptInterface`和`loadUrl`方法。Java端创建一个对象并暴露给JavaScript，JavaScript端通过`window对象`调用这些方法。同时，Android也可以通过`loadUrl`执行JavaScript代码。这种交互方式极大地扩展了`WebView`的功能，使得混合开发变得更加灵活。需要注意的是，为了安全起见，使用`@JavascriptInterface`注解的Java方法只能从JavaScript调用，防止恶意代码的注入。

资源推荐

资源详情

资源评论

收起资源包目录

Android2Javasript.rar （52个子文件）

Android2Javasript

.project 853B

project.properties 563B

src

com

example

android2javasript

JsCallJavaInterface.java 248B

MainActivity.java 4KB

AndroidManifest.xml 900B

res

drawable-ldpi

drawable-hdpi

ic_launcher.png 7KB

values-v11

styles.xml 334B

main.xml 263B

drawable-mdpi

ic_launcher.png 4KB

layout

activity_main.xml 2KB

values-sw600dp

dimens.xml 203B

drawable-xxhdpi

ic_launcher.png 24KB

drawable-xhdpi

ic_launcher.png 12KB

values

strings.xml 234B

styles.xml 697B

dimens.xml 220B

values-sw720dp-land

dimens.xml 277B

values-v14

styles.xml 391B

.settings

org.eclipse.core.resources.prefs 57B

assets

index.html 1KB

gen

com

example

android2javasript

BuildConfig.java 171B

R.java 3KB

libs

android-support-v4.jar 613KB

.classpath 475B

proguard-project.txt 781B

ic_launcher-web.png 50KB

bin

resources.ap_ 41KB

classes

com

example

android2javasript

R$layout.class 436B

R$style.class 464B

R$dimen.class 494B

BuildConfig.class 367B

R$drawable.class 440B

R$attr.class 373B

JsCallJavaInterface.class 257B

MainActivity$1$1.class 1KB

R$id.class 636B

MainActivity$2.class 1KB

R.class 783B

R$string.class 505B

MainActivity$1.class 1KB

MainActivity$3.class 1KB

R$menu.class 421B

MainActivity.class 4KB

AndroidManifest.xml 900B

dexedLibs

android-support-v4-67c18dbec8a4ca52eeb4c6d1aa08c67f.jar 229KB

jarlist.cache 120B

res

crunch

drawable-hdpi

ic_launcher.png 6KB

drawable-mdpi

ic_launcher.png 3KB

drawable-xxhdpi

ic_launcher.png 17KB

drawable-xhdpi

ic_launcher.png 9KB

classes.dex 681KB

Android2Javasript.apk 276KB

# To enable ProGuard in your project, edit project.properties # to define the proguard.config property as described in that file. # # Add project specific ProGuard rules here. # By default, the flags in this file are appended to flags specified # in ${sdk.dir}/tools/proguard/proguard-android.txt # You can edit the include path and order by changing the ProGuard # include property in project.properties. # # For more details, see # http://developer.android.com/guide/developing/tools/proguard.html # Add any project specific keep options here: # If your project uses WebView with JS, uncomment the following # and specify the fully qualified class name to the JavaScript interface # class: #-keepclassmembers class fqcn.of.javascript.interface.for.webview { # public *; #}

评论收藏

内容反馈