android 调用js方法

Android调用JS方法是一种常见的开发需求，它可以实现Android端和Web端的交互，使得两者之间的数据传递更加方便快捷。下面就来介绍一下Android调用JS方法的原理和详细步骤。

## 原理

Android调用JS方法的原理是通过WebView组件实现的。WebView是一个可以展示网页的控件，它可以加载HTML、CSS、JS等文件，并且支持JS调用Java代码和Java代码调用JS方法。

其中，JS调用Java代码的方式是通过WebView的addJavascriptInterface()方法实现的。这个方法可以将Java对象暴露给JS，使得JS可以直接调用Java对象的方法。而Java代码调用JS方法的方式则是通过WebView的loadUrl()方法实现的。这个方法可以让Java代码直接执行JS脚本，从而调用JS方法。

## 步骤

下面就来介绍一下Android调用JS方法的详细步骤：

1. 在布局文件中添加WebView组件。

```xml

android:id="@+id/webview"

android:layout_width="match_parent"

android:layout_height="match_parent"/>

```

2. 在Java代码中获取WebView对象，并且设置WebView的一些属性。

```java

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

WebSettings webSettings = webView.getSettings();

webSettings.setJavaScriptEnabled(true); // 开启JS支持

```

3. 加载HTML文件。

```java

webView.loadUrl("file:///android_asset/index.html");

```

4. 在JS文件中定义需要被Java调用的方法。

```javascript

function showToast(message) {

alert(message);

}

```

5. 在Java代码中添加一个Java对象，并且将它暴露给JS。

```java

class JsInterface {

@JavascriptInterface

public void showToast(String message) {

Toast.makeText(MainActivity.this, message, Toast.LENGTH_SHORT).show();

}

}

webView.addJavascriptInterface(new JsInterface(), "android");

```

6. 在Java代码中调用JS方法。

```java

webView.loadUrl("javascript:showToast('Hello, world!')");

```

其中，android是JS中调用Java对象的对象名，showToast是JS中调用Java方法的方法名，'Hello, world!'是JS中传递给Java方法的参数。

至此，Android调用JS方法的步骤就介绍完了。需要注意的是，为了保证安全性，建议只将必要的Java对象暴露给JS，并且只暴露必要的方法。同时，在调用JS方法时，也应该注意参数的安全性，避免出现安全漏洞。