简介

WEBBROWSER是Windows Forms中提供的一个控件，可以直接将Web页面嵌入到WinFrom应用程序中。WEBBROWSER中内置了一个解析HTML的引擎，可以渲染和展示Web页面。由于WEBBROWSER可以作为WinFrom应用程序的一部分，它可以与其他组件一起工作，因此可以更加灵活地控制Web页面的展示和交互。

WEBBROWSER控件的使用方式

使用WEBBROWSER控件展示Web页面，需要先将URL地址或HTML源码传递给控件。传递URL地址可以使用以下代码：

webBrowser1.Navigate("http://www.baidu.com");

传递HTML源码可以使用以下代码：

webBrowser1.DocumentText = "<html><body><h1>Hello World</h1></body></html>";

C#与JS之间的交互方式

在Web页面中，我们可以使用JavaScript来修改DOM节点、响应用户交互等操作，如果需要在C#程序中响应这些操作，则需要C#与JS之间进行交互。

在WEBBROWSER中，C#与JS之间的交互可以使用以下两种方式：

InvokeScript方法

InvokeScript方法可以在JS代码中调用C#中的方法。例如，假设在Web页面中有以下JS代码：

function test(){
    var result = window.external.Test();
    alert(result);
}

在C#程序中可以使用以下代码定义Test方法：

public string Test(){
    return "Hello World";
}

在Web页面加载完成后，通过以下代码将C#中的Test方法注册到JS中：

webBrowser1.ObjectForScripting = this;

然后，JS代码就可以调用Test 方法，并且获取其返回值。

Document的GetElementById方法

使用Document的GetElementById方法可以获取HTML页面中指定ID的DOM元素对象。例如，在Web页面中有以下HTML代码：

<input type="text" id="txtName"/>

在C#程序中可以使用以下代码获取txtName输入框的DOM对象：

HtmlElement txtName = webBrowser1.Document.GetElementById("txtName");

然后，就可以通过DOM对象的属性和方法修改输入框中的值、响应其事件等操作。

示例

以下是一个简单的示例，展示C#如何与JS进行交互：

新建一个WinFrom应用程序，并添加一个WEBBROWSER控件和一个Button控件。
在Button控件的Click事件中实现C#方法，并将其注册到JS中：

private void button1_Click(object sender, EventArgs e)
{
    webBrowser1.ObjectForScripting = new WebBrowserHelper(this);
}

public string Test()
{
    return "Hello World";
}

在WEBBROWSER控件中加载以下HTML代码：

<!DOCTYPE html>
<html>
<head>
    <title>交互示例</title>
    <meta charset="utf-8" />
    <script>
        function test() {
            var result = window.external.Test();
            alert(result);
        }
    </script>
</head>
<body>
    <button type="button" onclick="test()">在C#中执行方法</button>
</body>
</html>