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 ...

随机推荐

UVALive 4868 Palindrometer 暴力
F - Palindrometer Time Limit:3000MS Memory Limit:0KB 64bit IO Format:%lld & %llu Submit ...
Oil Deposits 搜索 bfs 强联通
Description The GeoSurvComp geologic survey company is responsible for detecting underground oil dep ...
由最小生成树（MST）到并查集(UF)
背景最小生成树(Minimum Spanning Tree)的算法中,克鲁斯卡尔算法(Kruskal's algorithm)是一种常用算法. 在克鲁斯卡尔算法中的一个关键问题是如何判断图中的两个点 ...
vue中路由返回上一个页面,恢复到上一个页面的滚动位置
第一步:路由文件的配置(对你所需要的vue文件进行保存缓存标志的添加) import Vue from 'vue' import Router from 'vue-router' import Hel ...
windows控制台程序——关于UNICODE字符的总结(转)
前言:从Windows NT/2000开如,Windows系统已经是一个标准的UNICODE系统,系统内部所有字符串存储及操作均使用UNICODE编码.因此Win32 API都是UNICODE版本的, ...
jdbc连接遭遇RAC设备
今天进行junit的Case回归测试,功能测试人员告知数据库ip进行了变更,于是将jdbc连接的url进行了相应的变更如下 jdbcConnection = java.sql.DriverManag ...
《Windows核心编程》第八章——用户模式下的线程同步
下面起了两个线程,每个对一个全局变量加500次,不假思索进行回答,会认为最后这个全局变量的值会是1000,然而事实并不是这样: #include<iostream> #include &l ...
阿里云服务器IIS启用HTTPS协议(转)
https://www.cnblogs.com/randytech/p/7017188.html
字符串转换成JSON的三种方式
采用Ajax的项目开发过程中,经常需要将JSON格式的字符串返回到前端,前端解析成JS对象(JSON ).ECMA-262(E3) 中没有将JSON概念写到标准中,但在 ECMA-262(E5) 中J ...
std::vector 两种操作的比较
swap assign 这里只想说明这三种操作的用处和效率.swap和assign都可以用在将一个vector的内容全部复制给另外一个vector,区别是swap会改变源vector,而assign会 ...

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

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

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

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

随机推荐

热门专题