c# 怎么调用js方法调用方法调用

C# 调用 JavaScript 方法的方法有多种：使用 WebBrowser 控件、使用 WebView2 控件、通过 SignalR 实现双向通信。 其中，通过 SignalR 实现双向通信是一种灵活且强大的方式，适用于复杂的应用场景。接下来将详细介绍这种方法。

一、使用 WebBrowser 控件

WebBrowser 控件是 .NET 框架中提供的一种控件，能够在 Windows 窗体应用程序中嵌入一个浏览器。

1.1 初始化 WebBrowser 控件

首先，在你的 Windows 窗体应用程序中添加一个 WebBrowser 控件，并设置其初始页面。你可以在设计器中拖放控件，也可以在代码中动态创建。

WebBrowser webBrowser = new WebBrowser();
webBrowser.Navigate("path_to_your_html_file.html");

1.2 调用 JavaScript 方法

一旦页面加载完成，你可以使用 Document.InvokeScript 方法来调用 JavaScript 方法。

webBrowser.DocumentCompleted += (sender, e) =>
{
    webBrowser.Document.InvokeScript("yourJavaScriptFunction", new object[] { "parameter1", "parameter2" });
};

二、使用 WebView2 控件

WebView2 是 Microsoft 提供的一个新控件，基于 Chromium 引擎，适用于现代应用程序。

2.1 初始化 WebView2 控件

首先，确保你已经安装了 WebView2 控件。你可以通过 NuGet 包管理器安装 Microsoft.Web.WebView2 包。

private async void InitializeWebView2()
{
    var webView = new Microsoft.Web.WebView2.WinForms.WebView2();
    await webView.EnsureCoreWebView2Async();
    webView.Source = new Uri("path_to_your_html_file.html");
}

2.2 调用 JavaScript 方法

你可以使用 ExecuteScriptAsync 方法来调用 JavaScript 方法。

webView.CoreWebView2InitializationCompleted += async (sender, e) =>
{
    await webView.ExecuteScriptAsync("yourJavaScriptFunction('parameter1', 'parameter2');");
};

三、通过 SignalR 实现双向通信

SignalR 是一个用于构建实时 Web 应用程序的库，支持双向通信。它非常适合用于复杂的场景。

3.1 安装 SignalR

首先，通过 NuGet 安装 SignalR 客户端库。

Install-Package Microsoft.AspNet.SignalR.Client

3.2 初始化 SignalR 连接

在 C# 代码中，初始化 SignalR 连接。

var connection = new HubConnection("http://your_signalr_server_url");
var hubProxy = connection.CreateHubProxy("YourHubName");
await connection.Start();

3.3 调用 JavaScript 方法

在你的 SignalR 服务端代码中，可以调用客户端的 JavaScript 方法。

connection.on("CallJavaScriptFunction", function(parameter1, parameter2) {
    yourJavaScriptFunction(parameter1, parameter2);
});

在你的 C# 代码中，可以通过 Invoke 方法调用服务端的函数，这个函数将触发客户端的 JavaScript 方法。

await hubProxy.Invoke("CallJavaScriptFunction", "parameter1", "parameter2");

四、使用 Blazor WebAssembly

Blazor WebAssembly 是 .NET 提供的一种新技术，允许你在浏览器中运行 C# 代码。

4.1 初始化 Blazor 项目

首先，创建一个 Blazor WebAssembly 项目。你可以使用 Visual Studio 或命令行工具。

dotnet new blazorwasm -o YourProjectName

4.2 调用 JavaScript 方法

在你的 Blazor 组件中，可以使用 IJSRuntime 接口来调用 JavaScript 方法。

@page "/"
@inject IJSRuntime JSRuntime
<button @onclick="CallJavaScriptFunction">Call JS Function</button>
@code {
    private async Task CallJavaScriptFunction()
    {
        await JSRuntime.InvokeVoidAsync("yourJavaScriptFunction", "parameter1", "parameter2");
    }
}

4.3 在 wwwroot 文件夹中添加 JavaScript 文件

在你的 wwwroot 文件夹中添加一个 JavaScript 文件，并定义你的 JavaScript 方法。

// wwwroot/js/site.js
function yourJavaScriptFunction(parameter1, parameter2) {
    console.log(parameter1, parameter2);
}

在 _Host.cshtml 或 index.html 文件中引用这个 JavaScript 文件。

<script src="js/site.js"></script>

五、总结

通过上述方法，你可以在 C# 中调用 JavaScript 方法。根据不同的应用场景和需求，可以选择不同的实现方式。使用 WebBrowser 控件和 WebView2 控件适用于桌面应用程序，而 SignalR 和 Blazor WebAssembly 更适合现代 Web 应用程序。根据实际需求选择合适的实现方式，可以显著提升开发效率和用户体验。