https://msdn.microsoft.com/zh-cn/library/a0746166

可以使用 WebBrowser 控件向 Windows 窗体客户端应用程序添加现有的动态 HTML (DHTML) Web 应用程序代码。在投入大量的开发时间创建基于 DHTML 的控件，并希望利用丰富的 Windows 窗体用户界面功能而无需重写现有的代码时，该控件十分有用。

使用 WebBrowser 控件，可以通过 ObjectForScripting 和 Document 属性在客户端应用程序代码和网页脚本代码之间实现双向通信。此外，可以对 WebBrowser 控件进行配置，使 Web 控件可以与应用程序窗体上的其他控件进行无缝整合，从而隐藏其 DHTML 实现。若要使控件无缝整合，请对所显示页的格式进行设置，使其背景颜色和视觉样式与窗体的其余部分匹配，然后使用 AllowWebBrowserDrop、IsWebBrowserContextMenuEnabled 和 WebBrowserShortcutsEnabled 属性禁用标准浏览器功能。

在 Windows 窗体应用程序中嵌入 DHTML

将 WebBrowser 控件的 AllowWebBrowserDrop 属性设置为 false，以防止 WebBrowser 控件打开拖放到其上的文件。
C#

VB
webBrowser1.AllowWebBrowserDrop = false;
将该控件的 IsWebBrowserContextMenuEnabled 属性设置为 false，以防止 WebBrowser 控件在用户右击它时显示其快捷菜单。
C#

VB
webBrowser1.IsWebBrowserContextMenuEnabled = false;
将该控件的 WebBrowserShortcutsEnabled 属性设置为 false，以防止 WebBrowser 控件响应快捷键。
C#

VB
webBrowser1.WebBrowserShortcutsEnabled = false;
在窗体的构造函数或 Load 事件处理程序中设置 ObjectForScripting 属性。

下面的代码将窗体类自身用于脚本对象。

说明

组件对象模型 (COM) 必须能够访问脚本对象。若要使窗体对 COM 可见，请将 ComVisibleAttribute 特性添加到窗体类中。
C#

VB
webBrowser1.ObjectForScripting = this;
在应用程序代码中实现脚本代码将使用的公共属性或方法。

例如，如果要使用脚本对象的窗体类，请向窗体类添加以下代码。
C#

VB
public void Test(String message)
{
MessageBox.Show(message, "client code");
}
使用脚本代码中的 window.external 对象访问指定对象的公共属性和方法。

下面的 HTML 代码演示如何通过单击按钮对脚本对象调用方法。将此代码复制到 HTML 文档的 BODY 元素中，该文档使用控件的 Navigate 方法加载或被分配给控件的DocumentText 属性。
<button onclick="window.external.Test('called from script code')">
call client code from script code
</button>
在脚本代码中实现应用程序代码将使用的函数。

下面的 HTML SCRIPT 元素提供了一个示例函数。将此代码复制到 HTML 文档的 HEAD 元素中，该文档使用控件的 Navigate 方法加载或被分配到控件的 DocumentText 属性。
<script>
function test(message) {
alert(message);
}
</script>
使用 Document 属性从客户端应用程序代码访问脚本代码。

例如，将下面的代码添加到按钮 Click 的事件处理程序中。
C#

VB
webBrowser1.Document.InvokeScript("test",
new String[] { "called from client code" });
调试完 DHTML 之后，将该控件的 ScriptErrorsSuppressed 属性设置为 true，以防止 WebBrowser 控件显示脚本代码问题的错误信息。
C#

VB
// Uncomment the following line when you are finished debugging.
//webBrowser1.ScriptErrorsSuppressed = true;

说明
组件对象模型 (COM) 必须能够访问脚本对象。若要使窗体对 COM 可见，请将 ComVisibleAttribute 特性添加到窗体类中。

示例

下面的完整代码示例提供了一个演示应用程序，可用于理解此功能。 HTML 代码通过 DocumentText 属性加载到 WebBrowser 控件中，而不是从单独的 HTML 文件加载。

using System;

using System.Windows.Forms;

using System.Security.Permissions;

[PermissionSet(SecurityAction.Demand, Name="FullTrust")]

[System.Runtime.InteropServices.ComVisibleAttribute(true)]

public class Form1 : Form

{

    private WebBrowser webBrowser1 = new WebBrowser();

    private Button button1 = new Button();

    [STAThread]

    public static void Main()

    {

        Application.EnableVisualStyles();

        Application.Run(new Form1());

    }

    public Form1()

    {

        button1.Text = "call script code from client code";

        button1.Dock = DockStyle.Top;

        button1.Click += new EventHandler(button1_Click);

        webBrowser1.Dock = DockStyle.Fill;

        Controls.Add(webBrowser1);

        Controls.Add(button1);

        Load += new EventHandler(Form1_Load);

    }

    private void Form1_Load(object sender, EventArgs e)

    {

        webBrowser1.AllowWebBrowserDrop = false;

        webBrowser1.IsWebBrowserContextMenuEnabled = false;

        webBrowser1.WebBrowserShortcutsEnabled = false;

        webBrowser1.ObjectForScripting = this;

        // Uncomment the following line when you are finished debugging.

        //webBrowser1.ScriptErrorsSuppressed = true;

        webBrowser1.DocumentText =

            "<html><head><script>" +

            "function test(message) { alert(message); }" +

            "</script></head><body><button " +

            "onclick=\"window.external.Test('called from script code')\">" +

            "call client code from script code</button>" +

            "</body></html>";

    }

    public void Test(String message)

    {

        MessageBox.Show(message, "client code");

    }

    private void button1_Click(object sender, EventArgs e)

    {

        webBrowser1.Document.InvokeScript("test",

            new String[] { "called from client code" });

    }

}

-------------------------------------------------------------
http://www.cnblogs.com/liuzhendong/archive/2012/03/21/2409159.html

WebBrowser一点心得，如果在Javascript和Winform代码之间实现双向通信

最近工作需要，学习了一下winform内嵌webbrowser控件，然后与htm页面中的javascript交互调用的技术，因此有了这篇心得。

总的来说，javascript与winform的code互相调用，和web开发中javascript与服务器端代码通过ajax互相调用有类似之处。

下面就用三个例子来说明：

一.将WebBrowser控件放置在winform中，然后，写一个Page1.htm，内容如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
  <title></title>
        <script type="text/javascript">
            function test(message)
            {
                alert(message);
            }
        </script>
</head>
<body>
     <button onclick="test('test called from script code')">Button</button>
</body>
</html>

我将此Page1.htm显示在WebBrowser中看看，这个不难写，在winform中加上下面一句即可。
webBrowser1.Url= new Uri("C:\\workspace\\WindowsFormsApp\\WindowsFormsApp\\Page1.htm");

然后运行，在winform中的webbrowser显示出来这个htm了，点按钮调用javascript函数，弹出alert提示，一切都很正常，没什么稀奇。

二.如果我把javascript中的函数挪到winform的cs代码里，htm页面还能调用的到吗？
这有点ajax的味道了，在客户端的javascript里如何调用webpage.aspx.cs里的代码，在ajaxpro那时候，是需要在webpage.aspx.cs的代码里注册一下本页供ajax使用，在函数前也要声明一下是ajax函数的。

再说回来，如果想调用winform中的代码，也类似的，要给winform设置一下ComVisibleAttribute(true), 并给webbrowser控件设置一下webBrowser1.ObjectForScripting属性。
webBrowser1.Url= new Uri("C:\\workspace\\WindowsFormsApp\\WindowsFormsApp\\Page1.htm");
webBrowser1.ObjectForScripting = this;

其实，如果做的好，可以把这些代码专门归入一个类中，方便管理，这里就变为：webBrowser1.ObjectForScripting = new 某类()了;

然后，再在winform里写一个函数。
        public void Test(String message)
        {
            MessageBox.Show(message, "client code");
        }

最后，htm里调用时要用window.external前缀一下Test方法名。
<button onclick="window.external.Test('test called from windows code')">Button</button>

然后再运行，就发现，htm里的onclick事件，居然能调用winform里的code了，真是神奇！

完整winform代码如下：
using System;
using System.Windows.Forms;
using System.Security.Permissions;

namespace WindowsFormsApp
{
    [PermissionSet(SecurityAction.Demand, Name = "FullTrust")]
    [System.Runtime.InteropServices.ComVisibleAttribute(true)]
    public partial class Form2 : Form
    {
        private WebBrowser webBrowser1 = new WebBrowser();

public Form2()
{
InitializeComponent();

button1.Text = "call script code from client code";
            button1.Dock = DockStyle.Top;
            button1.Click += new EventHandler(button1_Click);
            webBrowser1.Dock = DockStyle.Fill;
            Controls.Add(webBrowser1);
            Load += new EventHandler(Form2_Load);

}

private void Form2_Load(object sender, EventArgs e)
        {
            webBrowser1.AllowWebBrowserDrop = false;
            webBrowser1.IsWebBrowserContextMenuEnabled = false;
            webBrowser1.WebBrowserShortcutsEnabled = false;
            webBrowser1.ObjectForScripting = this;
            webBrowser1.Url= new Uri("C:\\workspace\\WindowsFormsApp\\WindowsFormsApp\\Page1.htm");
        }

public void Test(String message)
        {
            MessageBox.Show(message, "client code");
        }
    }
}

总结一下，关键的webBrowser1.ObjectForScripting属性，ComVisibleAttribute(true)和window.external。

msdn说webBrowser1.ObjectForScripting属性的作用是：获取或设置一个对象，该对象可由显示在 WebBrowser 控件中的网页所包含的脚本代码访问。使用该属性可以启用 WebBrowser 控件承载的网页与包含 WebBrowser 控件的应用程序之间的通信。使用该属性可以将动态 HTML (DHTML) 代码与客户端应用程序代码集成在一起。为该属性指定的对象可作为 window.external 对象（用于主机访问的内置 DOM 对象）用于网页脚本。

可以将此属性设置为希望其公共属性和方法可用于脚本代码的任何 COM 可见的对象。可以通过使用 ComVisibleAttribute 对类进行标记使其成为 COM 可见的类。
这一步也至关重要，如果不设置ComVisibleAttribute(true)，那这个程序就不能加载显示htm页面，因为htm里用了window.external.Test(）方法，该方法所在的类如果不ComVisible，就无法访问到了。反过来，如果设置了ComVisible，却不设置webBrowser1.ObjectForScripting属性，那代码执行时会报错：window.external无效或找不到对象。

而缺少了window.external，就更甭提了，因此，这三者缺一不可。

再看看这个window.external，在常见的javascript书中不见踪影，但却非常有用，一个常见的应用是：
<input type="button" name="Button" value="add" onclick="window.external.AddFavorite(location.href,document.title)" />

引用别人的"在嵌入了浏览器的工程中，除了IE默认提供的外部方法之外，需要网页的脚本中能调用c++代码，要实现这种交互，就必须实现脚本扩展。实现脚本扩展就是在程序中实现一个IDispatch接口，通过CHtmlView类的OnGetExternal虚函数返回此接口指针,这样就可以在脚本中通过window.external.XXX(关键字window可以省略)来引用接口暴露的方法或属性(XXX为方法或属性名)。"

再看看在c#中的脚本扩展，只需要webBrowser1.ObjectForScripting和ComVisibleAttribute(true)简单一设置就完事了，简单吧！幸福吧！悲催吧！

三.再来看一个，从winform的code里，能调用html页面里的javascript吗？
Page1.htm，删掉button，只保留javascript脚本。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
  <title></title>
        <script type="text/javascript">
            function test(message)
            {
                alert(message);
            }
        </script>
</head>
<body>

</body>
</html>

using System;
using System.Windows.Forms;
using System.Security.Permissions;

namespace WindowsFormsApp
{
    [PermissionSet(SecurityAction.Demand, Name = "FullTrust")]
    [System.Runtime.InteropServices.ComVisibleAttribute(true)]
    public partial class Form2 : Form
    {
        private WebBrowser webBrowser1 = new WebBrowser();
        private Button button1 = new Button();

public Form2()
{
InitializeComponent();

}

private void button1_Click(object sender, EventArgs e)
        {
            webBrowser1.Document.InvokeScript("test",
                new String[] { "called from client code" });
        }

}
}

这回关键的因素就是webBrowser1.Document.InvokeScript了，而webBrowser1.ObjectForScripting，ComVisible不再需要了。

HtmlDocument.InvokeScript 方法的作用是：执行在 HTML 页面中定义的动态脚本函数。

至此，javascript与winform的code就可以互相调用了，感觉和web开发也有些类似。

这项技术叫在javascript(DHTML)代码和客户端应用程序代码之间实现双向通信.

--------------------------------------------------------------

1）在c#中调用js函数
如果要传值，则可以定义object[]数组。

具体方法如下例子：

首先在js中定义被c#调用的方法:

function Messageaa(message)
{
alert(message);
}

在c#调用js方法Messageaa

private void button1_Click(object sender, EventArgs e)
        {
            // 调用JavaScript的messageBox方法，并传入参数
            object[] objects = new object[1];
            objects[0] = "c# call javascript";
            webBrowser1.Document.InvokeScript("Messageaa", objects);
        }
2) 在js中调用c#方法

在js中调用c#方法则相对比较简单：
namespace WindowsFormsApplication1
{
//申名托管类型，对com是可见的
[System.Runtime.InteropServices.ComVisible(true)]
}
private void Form1_Load(object sender, EventArgs e)
{

修改webbrowser的属性使c#可以调用js方法：
webBrowser1.ObjectForScripting = this;
}
首先在c#中定义被js调用的方法：

public void MyMessageBox(string message)
        {
          MessageBox.Show(message);
        }

在js中调用c#方法：

<button onclick="window.external.MyMessageBox('javascript访问C#代码')" >
javascript访问C#代码</button>

如何：在 DHTML 代码和客户端应用程序代码之间实现双向通信的更多相关文章

每周一书-编写高质量代码：改善C程序代码的125个建议
首先说明,本周活动有效时间为2016年8月28日到2016年9月4日.本周为大家送出的书是由机械工业出版社出版,马伟编著的<编写高质量代码:改善C程序代码的125个建议>. 编辑推荐 10 ...
eclipse代码恢复（开发程序代码恢复）
如果误操作,让本地代码丢失了不用怕,Eclipse local history可以恢复. 误删除文件后,直接ctrl+z可以恢复. 拉去代码覆盖了本地,也可以一个一个或者整体进行恢复:http://b ...
WebBrowser一点心得，如果在Javascript和Winform代码之间实现双向通信
原文:WebBrowser一点心得,如果在Javascript和Winform代码之间实现双向通信最近工作需要,学习了一下winform内嵌webbrowser控件,然后与htm页面中的javasc ...
基于 SailingEase WinForm Framework 开发优秀的客户端应用程序（1：概述）
本系统文章将详细阐述客户端应用程序的设计理念,实现方法. 本系列文章以 SailingEase WinForm Framework 为基础进行设计并实现,但其中的设计理念及方法,亦适用于任何类型的客 ...
如何快速读懂大型C++程序代码
要搞清楚别人的代码,首先,你要了解代码涉及的领域知识,这是最重要的,不懂领域知识,只看代码本身,不可能搞的明白.其次,你得找各种文档:需求文档(要做什么),设计文档(怎么做的),先搞清楚你即将要阅读是 ...
在MAC下调试运行暗黑全世界客户端及部分代码注解（基于Firefly）
原地址:http://www.myexception.cn/program/1399860.html 在MAC下调试运行暗黑全世界客户端及部分代码注解(基于Firefly) 在MAC下调试运行暗黑世界 ...
PHP中实现异步调用多线程程序代码
本文章详细的介绍了关于PHP中实现异步调用多线程方法,下面我们以给1000个用户发送一封推荐邮件,用户输入或者导入邮件账号了提交服务器执行发送来讲述. 比如现在有一个场景,给1000个用户发送一封推荐 ...
asp.net core系列 58 IS4 基于浏览器的JavaScript客户端应用程序
一. 概述本篇探讨使用"基于浏览器的JavaScript客户端应用程序".与上篇实现功能一样,只不过这篇使用JavaScript作为客户端程序,而非core mvc的后台代码Ht ...
微信小程序代码构成
一.小程序代码 app.json 是当前小程序的全局配置,包括了小程序的所有页面路径.界面表现.网络超时时间.底部tab等. { "pages":[ "pages/ind ...

随机推荐

SlickOne敏捷开发框架介绍（一） -- 基于Dapper, Mvc和WebAPI 的快速开发框架
前言:在两年前(最初发布时间:2013年1月9日(csdn),当前文章时间2015年11月10日),项目组推出了基于Dapper,Mvc和WebApi的快速开发框架,随着后续Slickflow产品的实 ...
Vue2.1.7源码学习
原本文章的名字叫做<源码解析>,不过后来想想,还是用“源码学习”来的合适一点,在没有彻底掌握源码中的每一个字母之前,“解析”就有点标题党了.建议在看这篇文章之前,最好打开2.1.7的源码对 ...
java 入门书籍（java7）
一.Java从入门到精通 <Java从入门到精通(第3版)>从刚開始学习的人角度出发,通过通俗易懂的语言.丰富多彩的实例.具体介绍了使用Java语言进行程序开发须要掌握的知识. <J ...
mormot允许跨域访问
mormot允许跨域访问 ctxt.OutCustomHeaders:='Access-Control-Allow-Origin:*' 允许跨域访问其实其他HTTP控件要实现跨域访问,也是类似设置. ...
Arcgis10.5 python按属性分割图层，属性相同分为一个图层
# coding=utf-8 """ Source code for potential gp tool to create outputs based on attri ...
测试 Nginx 作为前端下各种模式的性能
测试环境: 1:Nginx 独立处理静态面页请求 5000,开了60个线程 2:Nginx作为前端请求转给 Weblogic 12c 处理 (Spring 4.0平台下的动态面页效果如图) 3:Ngi ...
mysql 报错ERROR 1064 (42000)，原因使用了mysql保留字 (right syntax to use near 'groups)
msql 8.0 执行语句: SELECT * FROM groups; 会报如题的错误, 需加反引号进行修改: SELECT * FROM `groups`; //////////分割线//// ...
iOS获取网络类型的四种方法
Reachability类只能区分WIFI和WWAN类型,却无法区分2G网和3G网. 网上也有些方法,却都存在Bug. 经过网上查找资料和测试,基本上总结了以下几种方法: 1.使用导航栏的方式:(私有 ...
Facebook 工程师是如何高效工作的？
编者按:Facebook 的工程师有哪些高效工作的经验呢?软件工程师访谈了多位 Facebook 的高产工程师,总结了他们的共同经验以及晋级之路,供各位参考. 成为高效开发者这件事你可以通过经验.书本 ...
Coursera课程《Python数据结构》中课程目录
Python Data Structures Python Data Structures is the second course in the specialization Python for ...

如何：在 DHTML 代码和客户端应用程序代码之间实现双向通信

在 Windows 窗体应用程序中嵌入 DHTML

WebBrowser一点心得，如果在Javascript和Winform代码之间实现双向通信

如何：在 DHTML 代码和客户端应用程序代码之间实现双向通信的更多相关文章

随机推荐

热门专题