webview 调js怎么传参

WebView 调用 JavaScript 传参的方式有多种，包括直接调用、使用注入接口、通过 URL 传参等，其中最常用的一种是直接调用。以下将详细介绍直接调用的方式。

在使用 WebView 调用 JavaScript 时，通过直接调用的方法，可以在 Android 或 iOS 原生应用中直接执行网页中的 JavaScript 函数，并传递相应的参数。这种方式简单而直接，适用于大多数场景。接下来，我们将详细介绍如何在 Android 和 iOS 平台中实现这一功能。

一、Android 平台中的 WebView 调用 JavaScript 传参

1、初始化 WebView

在 Android 中，首先需要初始化 WebView，并加载相应的网页：

WebView webView = findViewById(R.id.webview);
webView.getSettings().setJavaScriptEnabled(true);
webView.loadUrl("file:///android_asset/sample.html");

2、调用 JavaScript 函数并传参

通过 evaluateJavascript 方法可以直接调用 JavaScript 函数并传递参数：

webView.evaluateJavascript("javascript:myFunction('param1', 'param2')", null);

在上面的代码中，myFunction 是网页中的 JavaScript 函数，'param1' 和 'param2' 是传递的参数。

3、处理 JavaScript 回调

如果需要处理 JavaScript 的回调，可以通过 ValueCallback 接口：

webView.evaluateJavascript("javascript:myFunction('param1', 'param2')", new ValueCallback<String>() {
    @Override
    public void onReceiveValue(String value) {
        // 处理回调结果
    }
});

二、iOS 平台中的 WebView 调用 JavaScript 传参

在 iOS 平台上，通常使用 WKWebView 来加载和操作网页。以下是具体步骤：

1、初始化 WKWebView

在 iOS 中，首先需要初始化 WKWebView 并加载相应的网页：

let webView = WKWebView(frame: self.view.frame)
self.view.addSubview(webView)
if let url = Bundle.main.url(forResource: "sample", withExtension: "html") {
    let request = URLRequest(url: url)
    webView.load(request)
}

2、调用 JavaScript 函数并传参

通过 evaluateJavaScript 方法可以直接调用 JavaScript 函数并传递参数：

webView.evaluateJavaScript("myFunction('param1', 'param2')") { (result, error) in
    if let error = error {
        print("Error: (error.localizedDescription)")
    } else {
        // 处理回调结果
    }
}

三、使用 JavaScript 注入接口传参

在某些情况下，可以通过 JavaScript 注入接口来传递参数。这种方式适用于需要双向通信的复杂场景。

1、Android 平台中的 JavaScript 注入接口

在 Android 中，可以通过添加 JavaScript 接口实现双向通信：

public class WebAppInterface {
    Context mContext;
    WebAppInterface(Context c) {
        mContext = c;
    }
    @JavascriptInterface
    public void showToast(String toast) {
        Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
    }
}
webView.addJavascriptInterface(new WebAppInterface(this), "Android");

在网页中，可以通过 Android.showToast('Hello') 调用原生方法。

2、iOS 平台中的 JavaScript 注入接口

在 iOS 中，可以通过 WKScriptMessageHandler 实现双向通信：

class ViewController: UIViewController, WKScriptMessageHandler {
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        if message.name == "iOS" {
            print("Received message: (message.body)")
        }
    }
}
let contentController = WKUserContentController()
contentController.add(self, name: "iOS")
let config = WKWebViewConfiguration()
config.userContentController = contentController
let webView = WKWebView(frame: self.view.frame, configuration: config)
self.view.addSubview(webView)

在网页中，可以通过 window.webkit.messageHandlers.iOS.postMessage('Hello') 调用原生方法。

四、通过 URL 传参

另一种常见的方式是通过 URL 传参，在某些场景下，这种方式更加简便。

1、Android 平台中的 URL 传参

在 Android 中，可以通过加载特定 URL 的方式传递参数：

webView.loadUrl("javascript:myFunction('param1', 'param2')");

2、iOS 平台中的 URL 传参

在 iOS 中，同样可以通过加载特定 URL 的方式传递参数：

webView.evaluateJavaScript("myFunction('param1', 'param2')") { (result, error) in
    // 处理回调结果
}

五、总结

通过上述方法，我们可以在 Android 和 iOS 平台上实现 WebView 调用 JavaScript 并传递参数的功能。这些方法包括直接调用、使用 JavaScript 注入接口、通过 URL 传参等。在实际开发中，可以根据具体需求选择最合适的方法。

在团队协作和项目管理中，使用专业的工具可以提高效率和质量。推荐使用 研发项目管理系统PingCode 和 通用项目协作软件Worktile，它们可以帮助团队更好地管理项目任务和进度，提升整体开发效率。

webview 调js怎么传参

一、Android 平台中的 WebView 调用 JavaScript 传参

1、初始化 WebView

2、调用 JavaScript 函数并传参

3、处理 JavaScript 回调

二、iOS 平台中的 WebView 调用 JavaScript 传参

1、初始化 WKWebView

2、调用 JavaScript 函数并传参

三、使用 JavaScript 注入接口传参

1、Android 平台中的 JavaScript 注入接口

2、iOS 平台中的 JavaScript 注入接口

四、通过 URL 传参

1、Android 平台中的 URL 传参

2、iOS 平台中的 URL 传参

五、总结

相关问答FAQs：