在winform项目中嵌入了网页,想通过html页面调用后台方法,如何实现呢?其实很简单,主要有三部:
1、在被调用方法类上加上[ComVisible(true)]标签,意思就是当前类可以com组件的形式供外包调用
2、在webBrowser控件中设置可被html页面调用的类即:webBrowser1.ObjectForScripting = this;前端即可通过window.external访问this对象
3、html页面调用后台方法:window.external.方法名(); 此处的window.external相当于webBrowser1.ObjectForScripting
1 //ComVisible 设置对外的可访问性,在html中可使用 js 访问成员方法 2 [ComVisible(true)] 3 public partial class Form1 : Form 4 { 5 public Form1() 6 { 7 InitializeComponent(); 8 } 9 10 private void Form1_Load(object sender, EventArgs e) 11 { 12 //browser.Url = new Uri("https://www.baidu.com"); 13 browser.Url = new Uri("http://localhost:3133/index.html"); 14 browser.ObjectForScripting = this; 15 } 16 17 private void btnSearch_Click(object sender, EventArgs e) 18 { 19 HtmlElement kw = browser.Document.All["kw"]; 20 HtmlElement btn = browser.Document.All["su"]; 21 22 string txt = txtwd.Text.Trim(); 23 kw.SetAttribute("value", txt); 24 btn.InvokeMember("click"); 25 } 26 27 private void btnDo_Click(object sender, EventArgs e) 28 { 29 int[] arr = { 1, 23 }; 30 browser.Document.InvokeScript("f",new object[] { "{1,2,3}" }); 31 } 32 33 public void WinF(string arg) 34 { 35 MessageBox.Show(arg); 36 } 37 }
html 代码:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> </head> <body> <h1>Hello World!</h1> <button onclick="ext()">external</button> <script> var f = function (msg) { //if() alert(Object.prototype.toString.call(msg)); } //调用winform 中的方法 function ext() { //调用winform 中的方法 window.external.WinF("hello"); } </script> </body> </html>