js webbrowser C#

Winform WebBrowser自定义方法供js调用总结2012-03-20 13:08最近在做一个Winform上的东西，作为一个大多数时间都在写Web程序的人来说，做这个肯定会想到要结合Web程序来做嘛，所以这个时候就会涉及到Winform里面的控件WebBrowser了，所以这篇Blog就主要是围绕着WebBrowser来写了对吧！OK！废话不多说了，进入重点！


　　既然整个程序主要是在展示为主，所在Winform上的界面优化就不会有多少，因为程序是全屏处理的，所以说是根本就看不到原WinForm的界面的哈！　　
这个时候也就会存在一会关闭程序的问题了，没有了Winform界面，怎么关闭程序呢，那唯一的方式就是通过Web程序来关闭了，
但是Web程序和Winform又是完全独立的两个东西，怎么让他们联系起来呢！我的想法有两个：　　
1：通过URL地址来进行判断，我们定义一个关闭程序的地址连接，访问这个地址的时候就将程序关闭，　　
2：通过文档里面的元素来关闭程序，　　
3：能不能通过Web程序里面的js来调用Winform的方法来关闭呢，因为大家都知道的是Webbrowser是可以调用Web程序的js的！　　
所以按照这么两种想法，开始实施吧（做一个Demo讲解吧）　　
新建一个名叫WinWebBrowserDemo的程序开始吧，拖一个WebBrowser控件到MainForm上去(更改Form1为MainForm)，整个界面如下　　　　
一片空白什么都没有哦，本来就是这样的嘛，但是怎么来判断一个连接是不是关闭程序的连接呢，这时就要用到了WebBrowser控件的一个事件了，
我们将程序切到代码页面！　　用到的这事件就是Navigating事件！　　
这个事件能捕获到正在访问的页面的地址信息，并且在这里我们可以控制这个地址是不是可以正确的访问过去，我们可能根据得到的地址，
将地址改为另一个地址，也可以取消这个访问事件，停止访问！　　下面我们来编写这个事件吧，比如：我们定义exist.htm为关闭程序的连接吧，
以方便现在的代码的编写！代码如下                
void webBrowser1_Navigating(object sender, WebBrowserNavigatingEventArgs e) 
                { 
                        //throw new NotImplementedException(); 
                        //这里判断这个地址是不是包含了我们定义的关闭程序的地址 
                        if (e.Url.AbsoluteUri.ToLower().Contains("exist.htm")) 
                        { 
                                //如果是取消访问，并关闭窗体或程序 
                                e.Cancel = true; 
                                this.Close(); 
                                //关闭程序 
                             // Application.Exit(); 
                        } 
                }　
                　　　OK！这样就话只要我们访问到这样的一个页面就会将程序关闭了！　　
当然，有时候我们，想要给页面上的元素标签，加上一些Js事件事件，不用他原来的时候，这个时候我们又怎样来给这个元素标签加上相应的事件呢，
这里要注意的是，这些js事件是在页面当中存在的自定义事件，或者是js的自带事件！或者调用Webbrowser里面的一些方法！这个时候就要访问整个页面的文档了，
来找出其中的某个元素或某些元素！这里要用到Webbrowser的DocumentCompleted事件，这个事件可以将正在访问的这个页面的所有信息获取到　　
比如我们想找到页面里面的一个id号为btnHello的按钮，代码如下                
void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e) 
                { 
                        //throw new NotImplementedException(); 
                        HtmlDocument CurentDocument = webBrowser1.Document; 
                        HtmlElement btnHello = CurentDocument.GetElementById("btnHello"); 
                        btnHello.Click += new HtmlElementEventHandler(btnHello_Click); 
                } 


                void btnHello_Click(object sender, HtmlElementEventArgs e) 
                { 
                        //throw new NotImplementedException(); 
                        HtmlElement btnHello = sender as HtmlElement; 
                        //这个是调用的Winfrom方法 
                        MessageBox.Show(btnHello.GetAttribute("value"),"调用C#方法"); 
                        //这里调用js方法,两都是不一样的哦注意 
                        webBrowser1.Document.InvokeScript("alert", new object[] { btnHello.GetAttribute("value")+"调用js方法" }); 
                } 　　　这里我们也可以定义一个叫btnClose的按钮来关闭程序哦!这里就不写代码了，方法和上面的是一样的哈！　　下面也是最后一个了，我个人觉得也是最灵活的一个方法，就是自己写一个C#类，在前台供前台js专门调用来控制程序，下面开始吧　　添加一个新类叫ServerJsToClient!这里要注意了，在这里要给这个类加上COM可访问性的一个修饰如下        [System.Runtime.InteropServices.ComVisibleAttribute(true)]        
        public class ServerJsToClient 　　这样我们就可以在这个类叫写一些方法来供前台js调用了哦，如下，写了一个DialogShow的方法        /// <summary> 
        /// 在客户端HTML页面调用WebBrowser方法类 
        /// </summary> 
        [System.Runtime.InteropServices.ComVisibleAttribute(true)]        
        public class ServerJsToClient 
        { 
                /// <summary> 
                /// 显示信息 
                /// </summary> 
                /// <param name="Caption">显示信息的标题</param> 
                /// <param name="Message">显示的信息</param> 
                public void DialogShow(string Caption,string Message) 
                { 
                        MessageBox.Show(Message, Caption, MessageBoxButtons.OK, MessageBoxIcon.Information); 
                } 
        } 　　类是写出来了，但是要怎么来调用呢，返回到MainForm代码里面来吧，在MainForm_Load里面加上一句话　　var WEBBROWSER = function () { 
///<summary> 
///调用WebBrowser方法封装类 
///</summary> 
this.Show = function (caption, msg) { 
///<summary> 
///显示消息 
///</summary> 
///<param name="caption">标题</param> 
///<param name="msg">消息</param> 
window.external.DialogShow(caption,msg); 
} 
} 　　这里用到的就是window.external,这么一个js调用扩展的js方法的东东，这样就可以正解的调用Webbrowser里面的方法了　　HTML代码如下吧　　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
        <title></title>
        <scripttype="text/javascript"src="External.js"></script>
        <scripttype="text/javascript">
                var myBrowser = new WEBBROWSER(); 
                function Show() { 
                        myBrowser.Show("警告", "我要警告你!"); 
                } 
        </script>
</head>
<body>
        <aοnclick="Show();"href="javascript:;">警告</a>
        <br/>
        <ahref="exist.htm">关闭程序</a>
        <br/>
        <inputtype="button"id="btnHello"value="点我然后!Webbrowser调用js方法哦"/>
</body>

</html> 　　OK！

到这里就算完成了，如果要关闭程序也可以自己写一个关闭的哦！程序放在附件中了哈!　　

谢谢大家，这里只是我在做程序中遇到的一个问题的总结，有什么写的不足的地方，请大家指出谢谢！