C# winForm webBrowser页面中js调用winForm类方法


有时我们在winform项目中嵌入了网页,想通过html页面调用后台方法,如何实现呢?其实很简单,主要有三部:


1、在被调用方法类上加上[ComVisible(true)]标签,意思就是当前类可以com组件的形式供外包调用

2、在webBrowser控件中设置可被html页面调用的类即:webBrowser1.ObjectForScripting = this;前端即可通过window.external访问this对象

3、html页面调用后台方法:window.external.方法名(); 此处的window.external相当于webBrowser1.ObjectForScripting


一、后台代码:

namespace jsInWebBrowserCallCSharpMethod
{
    [ComVisible(true)] //1、必须设置且为true,否则设置webBrowser1.ObjectForScripting对象时会报错
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
            webBrowser1.Url = new Uri(Application.StartupPath + "\\htmls\\test.html");
            webBrowser1.ObjectForScripting = this;//2、设置js中window.external对象代表的类
        }
        /// <summary>
        /// 供webBrowser页面中js调用的方法
        /// </summary>
        /// <param name="mess"></param>
        public void ShowMessage(string mess)
        {
            MessageBox.Show(mess);
        }

    }
}

二、前端test.html代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>测试调用winform后台方法页面</title>
    
    <script type="text/javascript">
        
       window.οnlοad=function(){

var btn=document.getElementById('btnCallCSharpMethod');
btn.οnclick=function(){

window.external.ShowMessage('成功调用winform类中的方法!');//3、此处window.external相当于winform中设置的webBrowser.ObjectForScripting对象

}

}
    </script>

</head>
<body style='text-align:center;'>
   <input type='button' id='btnCallCSharpMethod' value='调用winform类中的方法' />
</body>
</html>


按照上面1,2,3点操作,就能实现html页面调用winform 后台方法了。源码 点击打开链接下载。


评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值