当前位置：首页 > 行业动态 > 正文

Android调用JS方法并传递参数的方法是什么？

admin
行业动态
2025-03-07
2

在Android中调用带参数的JavaScript代码，可以使用WebView的evaluateJavascript方法。

Android调用带参数的JavaScript方法

在Android开发中，通过WebView组件可以方便地与JavaScript代码进行交互，包括调用JavaScript函数并传递参数，以下是详细的步骤和示例代码：

1、准备工作

确保你的Android项目中已经添加了WebView控件，在你的布局文件（例如activity_main.xml）中添加如下代码：

 <WebView
         android:id="@+id/webview"
         android:layout_width="match_parent"
         android:layout_height="match_parent"/>

2、加载网页

Android调用JS方法并传递参数的方法是什么？

在你的Activity中（例如MainActivity.java），首先初始化WebView控件，并加载一个包含JavaScript函数的网页，以下是示例代码：

 public class MainActivity extends AppCompatActivity {
         private WebView webView;
         @Override
         protected void onCreate(Bundle savedInstanceState) {
             super.onCreate(savedInstanceState);
             setContentView(R.layout.activity_main);
             webView = findViewById(R.id.webview);
             WebSettings webSettings = webView.getSettings();
             webSettings.setJavaScriptEnabled(true);
             // 加载包含 JavaScript 函数的网页
             webView.loadUrl("file:///android_asset/index.html");
         }
     }

3、定义JavaScript函数

在你的HTML文件中（例如index.html），定义一个JavaScript函数，该函数接受多个参数，以下是示例代码：

Android调用JS方法并传递参数的方法是什么？

 <!DOCTYPE html>
     <html>
     <head>
         <title>Android 调用 JS 方法传多个参数</title>
         <script type="text/javascript">
             function receiveParameters(param1, param2, param3) {
                 alert("参数1: " + param1 + "
参数2: " + param2 + "
参数3: " + param3);
             }
         </script>
     </head>
     <body>
         欢迎来到示例页面
     </body>
     </html>

4、调用JavaScript函数

在Android中，我们可以使用loadUrl()方法调用JavaScript函数，以下是示例代码：

 public class MainActivity extends AppCompatActivity {
         private WebView webView;
         @Override
         protected void onCreate(Bundle savedInstanceState) {
             super.onCreate(savedInstanceState);
             setContentView(R.layout.activity_main);
             webView = findViewById(R.id.webview);
             WebSettings webSettings = webView.getSettings();
             webSettings.setJavaScriptEnabled(true);
             // 加载包含 JavaScript 函数的网页
             webView.loadUrl("file:///android_asset/index.html");
             // 调用 JavaScript 函数并传递多个参数
             webView.postUrl("javascript:receiveParameters('参数1', '参数2', '参数3');");
         }
     }