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

 

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

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

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

 

一、后台代码：

[csharp]
view plain
copy
print?

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

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代码：

[csharp]
view plain
copy
print?

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4.     <title>测试调用winform后台方法页面</title>  
  5.       
  6.     <script type="text/javascript">  
  7.           
  8.        window.onload=function(){  
  9.   
  10. var btn=document.getElementById('btnCallCSharpMethod');  
  11. btn.onclick=function(){  
  12.   
  13. window.external.ShowMessage('成功调用winform类中的方法！');//3、此处window.external相当于winform中设置的webBrowser.ObjectForScripting对象  
  14.   
  15. }  
  16.   
  17. }  
  18.     </script>  
  19.   
  20. </head>  
  21. <body style='text-align:center;'>  
  22.    <input type='button' id='btnCallCSharpMethod' value='调用winform类中的方法' />  
  23. </body>  
  24. </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.onload=function(){

 

var btn=document.getElementById('btnCallCSharpMethod');

btn.onclick=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 后台方法了。源码点击打开链接下载。

 

来自： http://blog.csdn.net/taoerchun/article/details/49782739

C# winForm webBrowser页面中js调用winForm类方法(转)的更多相关文章

  1. [Winform-WebBrowser]-在html页面中js调用winForm类方法

    在winform项目中嵌入了网页,想通过html页面调用后台方法,如何实现呢?其实很简单,主要有三部: 1.在被调用方法类上加上[ComVisible(true)]标签,意思就是当前类可以com组件的 ...

  2. jQuery 互相调用iframe页面中js的方法

    1,子iframe内调用父类函数方法: window.parent.func(); 2,子Iframe中获取父界面的元素: $("#xx", window.parent.docum ...

  3. C#后台程序与HTML页面中JS方法互调(功能类似于Ajax中的DWR)

    此方法适用于 C#中嵌入WebBrowser(浏览器) 通过浏览器中加载的页面与C#的后台代码进行交互. 一.C#程序 1.在C#窗体中添加WebBrowser(浏览器),将页面的URL添加到浏览器中 ...

  4. C#后台程序与HTML页面中JS方法互调

    此方法适用于 C#中嵌入WebBrowser(浏览器) 通过浏览器中加载的页面与C#的后台代码进行交互. 一.C#程序 1.在C#窗体中添加WebBrowser(浏览器),将页面的URL添加到浏览器中 ...

  5. PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码

    PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码 看看新闻网>看引擎>开源产品 0人收藏此文章, 发表于8小时前(2013-09-06 00:39) ...

  6. CEF3中js调用delphi内部方法

    2015-01-20修改:以下方法不适合delphi7,在CEF3源码中限制了delphi_14 up,对于被我误导的朋友说声抱歉 在CEF1中JS调用delphi的方法已经贴过:http://www ...

  7. [C#学习]在多线程中如何调用Winform[转]

    问题的产生: 我的WinForm程序中有一个用于更新主窗口的工作线程(worker thread),但文档中却提示我不能在多线程中调用这个form(为什么?),而事实上我在调用时程序常常会崩掉.请问如 ...

  8. aspx 页面中 js 引用与页面后台的数据交互 --【 后台调用 js 】

    js 中调用后台方法   一.用Response.Write方法 Response.Write("<script type='text/javascript'>alert(&qu ...

  9. .NET混合开发解决方案11 WebView2加载的网页中JS调用C#方法

    系列目录     [已更新最新开发文章,点击查看详细] WebView2控件应用详解系列博客 .NET桌面程序集成Web网页开发的十种解决方案 .NET混合开发解决方案1 WebView2简介 .NE ...

随机推荐

  1. android应用程序签名(转)

    概述 Android系统要求,所有的程序经过数字签名后才能安装.Android系统使用这个证书来识别应用程序的作者,并且建立程序间的信任关系.证书不是用于用户控制哪些程序可以安装.证书不需要授权中心来 ...

  2. 《Go语言实战》摘录：7.3 并发模式 - work

    7.3 并发模式 - work

  3. [廖雪峰] Git 分支管理(3)：分支管理策略

    通常,合并分支时,如果可能,Git 会用 Fast forward 模式,但这种模式下,删除分支后,会丢掉分支信息. 如果要强制 禁用 Fast forward 模式,Git 就会在 merge 时生 ...

  4. iOS本地化应用程序

    因为使用的是xcode4,应用程序本地化的问题跟以前的版本还是有些不同,在网上找了些资料对于xcode4以上的版本资料还是相对较少,有些最后要通过手动创建文件,这样操作实在是太麻烦,所以经过一个下午的 ...

  5. C#编程（六十七）----------LINQ提供程序

    原文链接:http://blog.csdn.net/shanyongxu/article/details/47257511 LINQ提供程序 .NET3.5包含了几个LINQ提供程序. LINQ提供程 ...

  6. 【ELK】4.spring boot 2.X集成ES spring-data-ES 进行CRUD操作 完整版+kibana管理ES的index操作

    spring boot 2.X集成ES 进行CRUD操作  完整版 内容包括: ============================================================ ...

  7. 架构：The Onion Architecture : part 2（洋葱架构：第二篇）（转载）

    原位地址:http://jeffreypalermo.com/blog/the-onion-architecture-part-2/. In part 1, I introduced an archi ...

  8. 关于面试总结2-SQL学生表

    前言 接着上一篇https://www.cnblogs.com/yoyoketang/p/10065424.html,继续学生表SQL 1.计算每个人的平均成绩, 要求显示字段: 学号,姓名,平均成绩 ...

  9. 同志亦凡人第一季/全集BQueer As Folk 1迅雷下载

    同志亦凡人 第一季 Queer as Folk Season 1 (2000) 本季看点:本剧叙述一群同志男女在美国匹兹堡的生活,剧情重心由原来三位男主角Brian,Michael,Justin之间的 ...

  10. 7z压缩与解压命令

    在写很多工具的时候,可能会用到7z命令来进行压缩与解压操作.这里记录二个比较常用的操作:压缩.解压.   在dos窗口下输入7z命令,会显示7z的使用参数详情: 7-Zip 9.10 beta  Co ...