Winform中WebBrowser控件的使用技巧

最新推荐文章于 2023-06-07 18:00:00 发布

外星人

最新推荐文章于 2023-06-07 18:00:00 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：关系型数据库文章标签： webbrowser winform button html object

本文链接：https://blog.youkuaiyun.com/zhangbincn/article/details/5997182

关系型数据库专栏收录该内容

19 篇文章

订阅专栏

本文介绍了如何在Winform应用中使用WebBrowser控件来实现类似B/S架构的界面效果。通过设置控件的URL属性展示HTML页面，并演示了如何从Winform调用HTML中的JS函数以及反之，使两者产生交互。文章详细讲解了两种方法：一是通过改变COM的可访问性，二是采用事件绑定方式，实现HTML元素操作触发Winform窗体的响应。同时提醒开发者在Form_Load事件中设置WebBrowser控件导航到指定的HTML页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　　目前大多数公司做项目还是采用B/S架构居多，B/S架构的主要优点是易于维护，当然还有很多，此处我就不一一列举了。但有些软件由于某些原因必须用C/S架构实现，但又想使界面达到和B/S一样美观的效果，那怎么办呢？　曾经有句话是这样说的：鱼和熊掌不能兼得。大家可能也这样认为，但我要告诉你，科技的发展只有想不到的没有做不到的。下面我就带大家领略一下在winform中嵌入html的方法。

　　做过.net开发的人都知道，.net提供了大量的控件供我们使用，你可能注意到winform开发中，工具箱中有个控件是webbrowser，在这个控件中我们可以简单的设置其URL属性，达到展现某个网页的功能。但这并非是大多数人想要的结果，项目中不需要在窗体中浏览网页，因为我们有IE、Firefox等等优秀的网页浏览工具，我们只是想利用网页美化一下我们的winform窗体，希望在点击嵌入的页面时能与winform的窗体产生交互的效果。

　　在winform中调用webbrowser中嵌入的html中的js脚本比较简单，像下面这样：

　　private void button1_Click(object sender, EventArgs e) { this.webBrowser1.Document.InvokeScript("test", new string[] { "test" }); }

　　说明：webBrowser1是我当前winform窗体中的WebBrowser控件，test是webBrowser1控件中嵌入的html页面中的一个js函数，new string[]{"test"}是传给test函数的参数，test函数的样子像下面这样：

　　function test(msg){ alert(msg); }

　　当button1_Click事件触发时会弹出一个对话框，显示我们刚传入的参数"test"。

　　一般情况下我们的winform窗体是不会去调用js代码的，而是用html页面做mdi窗体的背景，点击html页面中的图片或按钮后，打开winform窗体或触发winform事件。这该如何实现呢？　

　　1.　改变COM的可访问性，代码如下：

　　[System.Runtime.InteropServices.ComVisibleAttribute(true)] public partial class Form1 : Form { 　　public Form1() 　　{ 　　　　InitializeComponent(); 　　} 　　public void jsinvoke() 　　{ 　　　　MessageBox.Show("js invoke."); 　　} }

　　这样html就可以访问winform类中的方法了，代码如下：

　　但由于COM的依赖性和复杂度，很多电脑会出现访问不了的问题，如果你也不幸出现无法访问的情况，可以采用第二种方案。

　　2. 采用事件绑定的方式，代码如下：

　　private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e) { 　　HtmlElement element = this.webBrowser1.Document.All["c"]; 　　if (element != null) 　　{ 　　　　element.Click+=new HtmlElementEventHandler(aa); 　　} } public void aa(object sender, HtmlElementEventArgs e) { ｝

　　DocumentCompleted事件是在webBrowser控件中的html页面完全加载后触发的，当页面完全加载后我们就可以利用Document对象取得html页面中的元素，这里的"c"是html页面中button的id，这样我们就很轻松的得到一个HtmlElement包装后的button对象，我们将单击button按钮需要执行的代码绑定到button的Click事件中去，这样当单击页面中的button时就会执行aa方法。

　　怎么样，是不是很简单？！

　　呵呵，欢迎大家交流。

　　另外记住要在From_Load中让webbrowser导航到你的页面，代码如下：

　　private void Form1_Load(object sender, EventArgs e) { 　　this.webBrowser1.Navigate(Application.StartupPath + "/TestPage.htm"); }

　　记着把 TestPage.htm换成你的页面。