码迷，mamicode.com
首页 > Web开发 > 详细

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

时间：2015-03-18 08:58:08      阅读：185      评论：0      收藏：0      [点我收藏+]

标签：

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

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

    C#
    VB
     
    webBrowser1.AllowWebBrowserDrop = false;

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

    C#
    VB
     
    webBrowser1.IsWebBrowserContextMenuEnabled = false;

  3. 将该控件的 WebBrowserShortcutsEnabled 属性设置为 false，以防止 WebBrowser 控件响应快捷键。

    C#
    VB
     
    webBrowser1.WebBrowserShortcutsEnabled = false;

  4. 在窗体的构造函数或 Load 事件处理程序中设置 ObjectForScripting 属性。

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

    技术分享 说明

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

  5. 在应用程序代码中实现脚本代码将使用的公共属性或方法。

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

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

  6. 使用脚本代码中的 window.external 对象访问指定对象的公共属性和方法。

    下面的 HTML 代码演示如何通过单击按钮对脚本对象调用方法。 将此代码复制到 HTML 文档的 BODY 元素中，该文档使用控件的 Navigate 方法加载或被分配给控件的DocumentText 属性。

     
     
    <button onclick="window.external.Test(‘called from script code‘)">
    call client code from script code
</button>

  7. 在脚本代码中实现应用程序代码将使用的函数。

    下面的 HTML SCRIPT 元素提供了一个示例函数。 将此代码复制到 HTML 文档的 HEAD 元素中，该文档使用控件的 Navigate 方法加载或被分配到控件的 DocumentText 属性。

     
     
    <script>
function test(message) { 
    alert(message); 
}
</script>

  8. 使用 Document 属性从客户端应用程序代码访问脚本代码。

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

    C#
    VB
     
    webBrowser1.Document.InvokeScript("test",
    new String[] { "called from client code" });

  9. 调试完 DHTML 之后，将该控件的 ScriptErrorsSuppressed 属性设置为 true，以防止 WebBrowser 控件显示脚本代码问题的错误信息。

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

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

C#
VB
 
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();

            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(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");
        }

        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#方法： 

       <!-- 调用C#方法 --> 
       <button onclick="window.external.MyMessageBox(‘javascript访问C#代码‘)" > 
       javascript访问C#代码</button>

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

标签：

原文地址：http://www.cnblogs.com/fx2008/p/4346198.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！