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

Android调用JS代码的执行机制是怎样的？

admin
行业动态
2025-03-07
7

在Android中，可以通过WebView组件调用JavaScript代码。

Android调用JS代码的方法

1、通过WebView的loadUrl()方法

步骤：将需要调用的JS代码以.html格式放到src/main/assets文件夹里（也可以是远程URL），在Android代码中初始化WebView，并启用JavaScript支持，使用loadUrl()方法加载JS代码，通过post()方法发送消息，调用JS代码。

示例：假设有一个名为javascript.html的文件，其中包含一个名为callJS()的函数，在Android代码中，可以这样调用：

Android调用JS代码的执行机制是怎样的？

 WebView mWebView = findViewById(R.id.webview);
     WebSettings webSettings = mWebView.getSettings();
     webSettings.setJavaScriptEnabled(true);
     mWebView.loadUrl("file:///android_asset/javascript.html");
     Button button = findViewById(R.id.button);
     button.setOnClickListener(new View.OnClickListener() {
         @Override
         public void onClick(View v) {
             mWebView.post(new Runnable() {
                 @Override
                 public void run() {
                     mWebView.loadUrl("javascript:callJS()");
                 }
             });
         }
     });

2、通过WebView的evaluateJavascript()方法

步骤：与loadUrl()方法类似，先初始化WebView并启用JavaScript支持，使用evaluateJavascript()方法直接执行JS代码，这个方法可以在网页加载完成后或任意时间点执行JS代码。

示例：

Android调用JS代码的执行机制是怎样的？

 WebView mWebView = findViewById(R.id.webview);
     WebSettings webSettings = mWebView.getSettings();
     webSettings.setJavaScriptEnabled(true);
     mWebView.loadUrl("file:///android_asset/javascript.html");
     mWebView.evaluateJavascript("javascript:yourFunction();", new ValueCallback<String>() {
         @Override
         public void onReceiveValue(String value) {
             // 处理JavaScript执行的结果
         }
     });

方法	描述	优点	缺点
loadUrl()	通过WebView的loadUrl()方法加载并执行JS代码	简单易用，适用于加载本地或远程JS文件	需要将JS代码放在指定路径，不够灵活
evaluateJavascript()	通过WebView的evaluateJavascript()方法直接执行JS代码	可以直接执行任意JS代码，灵活性高	需要确保JS代码在执行时WebView已经初始化完成