如何在winform窗体写js

在WinForm窗体中使用JavaScript的主要方法有：利用WebBrowser控件、通过COM对象与IE进行交互、嵌入Chromium内核（CefSharp）。其中，利用WebBrowser控件是最为简单和常用的方法。

一、利用WebBrowser控件

1、WebBrowser控件的基本介绍

WebBrowser控件是Windows Forms应用程序中用于显示网页和HTML内容的控件。它基于Internet Explorer引擎，支持JavaScript、CSS等网页技术。开发者可以通过这个控件在WinForm应用中嵌入网页内容，并与JavaScript进行交互。

2、如何在WinForm中使用WebBrowser控件

首先，你需要在WinForm窗体中添加一个WebBrowser控件。以下是基本的步骤：

打开Visual Studio，创建一个新的Windows Forms应用程序。
在工具箱中找到WebBrowser控件，并将其拖动到窗体上。
设置WebBrowser控件的属性，如Dock属性，将其设置为Fill以便填充整个窗体。
在代码中，通过WebBrowser控件的DocumentText属性设置HTML内容，并包含JavaScript代码。

public partial class Form1 : Form
{
    public Form1()
    {
        InitializeComponent();
        Load += Form1_Load;
    }
    private void Form1_Load(object sender, EventArgs e)
    {
        string htmlContent = @"
        <html>
        <head>
            <title>Test JavaScript</title>
            <script type='text/javascript'>
                function showMessage() {
                    alert('Hello from JavaScript!');
                }
            </script>
        </head>
        <body>
            <button onclick='showMessage()'>Click Me</button>
        </body>
        </html>";
        webBrowser1.DocumentText = htmlContent;
    }
}

3、与JavaScript交互

除了简单地显示HTML和执行JavaScript外，WebBrowser控件还支持C#与JavaScript之间的双向交互。可以通过调用JavaScript函数或从JavaScript调用C#方法实现交互。

调用JavaScript函数：

private void CallJavaScriptFunction()
{
    webBrowser1.Document.InvokeScript("showMessage");
}

从JavaScript调用C#方法：

定义一个C#方法，并将其暴露给JavaScript。
使用ObjectForScripting属性将对象传递给JavaScript。

[ComVisible(true)]
public class ScriptManager
{
    public void ShowMessage(string message)
    {
        MessageBox.Show(message);
    }
}
public partial class Form1 : Form
{
    public Form1()
    {
        InitializeComponent();
        webBrowser1.ObjectForScripting = new ScriptManager();
        Load += Form1_Load;
    }
    private void Form1_Load(object sender, EventArgs e)
    {
        string htmlContent = @"
        <html>
        <head>
            <title>Test JavaScript</title>
            <script type='text/javascript'>
                function callCSharpMethod() {
                    window.external.ShowMessage('Hello from JavaScript!');
                }
            </script>
        </head>
        <body>
            <button onclick='callCSharpMethod()'>Call C# Method</button>
        </body>
        </html>";
        webBrowser1.DocumentText = htmlContent;
    }
}

二、通过COM对象与IE进行交互

1、COM对象的基本介绍

COM（Component Object Model）是微软开发的一种软件组件标准，用于允许不同进程之间进行通信。在WinForm中，我们可以利用COM对象与Internet Explorer进行交互，从而运行JavaScript代码。

2、如何在WinForm中使用COM对象

以下是一个简单的例子，展示了如何通过COM对象在WinForm中执行JavaScript代码：

using System;
using System.Windows.Forms;
using mshtml;
public partial class Form1 : Form
{
    public Form1()
    {
        InitializeComponent();
        Load += Form1_Load;
    }
    private void Form1_Load(object sender, EventArgs e)
    {
        webBrowser1.Navigate("about:blank");
        webBrowser1.DocumentCompleted += WebBrowser1_DocumentCompleted;
    }
    private void WebBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
    {
        if (webBrowser1.Document != null)
        {
            IHTMLDocument2 doc = (IHTMLDocument2)webBrowser1.Document.DomDocument;
            string script = "function showMessage() { alert('Hello from JavaScript!'); }";
            doc.parentWindow.execScript(script, "JavaScript");
            doc.parentWindow.execScript("showMessage()", "JavaScript");
        }
    }
}

三、嵌入Chromium内核（CefSharp）

1、CefSharp的基本介绍

CefSharp是一个开源的Chromium Embedded Framework (CEF) .NET封装，允许开发者在WinForm应用中嵌入Chromium内核。相对于WebBrowser控件，CefSharp提供了更现代和强大的功能支持。

2、如何在WinForm中使用CefSharp

以下是一个基本的使用步骤：

使用NuGet包管理器安装CefSharp.WinForms包。
在WinForm窗体中添加CefSharp的ChromiumWebBrowser控件。
加载HTML内容并执行JavaScript。

using System;
using System.Windows.Forms;
using CefSharp;
using CefSharp.WinForms;
public partial class Form1 : Form
{
    private ChromiumWebBrowser browser;
    public Form1()
    {
        InitializeComponent();
        InitializeChromium();
    }
    private void InitializeChromium()
    {
        Cef.Initialize(new CefSettings());
        browser = new ChromiumWebBrowser("about:blank");
        this.Controls.Add(browser);
        browser.Dock = DockStyle.Fill;
        browser.LoadingStateChanged += OnLoadingStateChanged;
    }
    private void OnLoadingStateChanged(object sender, LoadingStateChangedEventArgs e)
    {
        if (!e.IsLoading)
        {
            string script = "alert('Hello from JavaScript!');";
            browser.ExecuteScriptAsync(script);
        }
    }
    protected override void OnFormClosing(FormClosingEventArgs e)
    {
        Cef.Shutdown();
        base.OnFormClosing(e);
    }
}

通过上述方法，你可以在WinForm应用中轻松地嵌入和使用JavaScript，从而创建更为丰富和动态的用户界面。无论是利用WebBrowser控件、COM对象还是嵌入Chromium内核，都可以根据项目需求和技术熟悉程度进行选择。