[Winform-WebBrowser]-在html页面中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

 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>

原文地址:https://www.cnblogs.com/yougmi/p/8656281.html

时间: 2024-10-12 08:15:47

[Winform-WebBrowser]-在html页面中js调用winForm类方法的相关文章

iframe子页面js调用父页面js函数/父页面调用Iframe子页面中js方法

1.假设当前页面为a.html, iframe的src页面为b.html,其代码如下: 1 <span class="tag"><html> 2 <br></span><span class="tag"><head> 3 <br></span><span class="tag"><title></span><s

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

此方法适用于 C#中嵌入WebBrowser(浏览器) 通过浏览器中加载的页面与C#的后台代码进行交互. 一.C#程序 1.在C#窗体中添加WebBrowser(浏览器),将页面的URL添加到浏览器中. 2.窗体代码添加 using System.Runtime.InteropServices;//和Html页面交互使用 在类的上一行添加 [ComVisible(true)]//和Html页面交互使用 在类的构造其中添加 this.webB.ObjectForScripting = this;

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

此方法适用于 C#中嵌入WebBrowser(浏览器) 通过浏览器中加载的页面与C#的后台代码进行交互. 一.C#程序 1.在C#窗体中添加WebBrowser(浏览器),将页面的URL添加到浏览器中. 2.窗体代码添加 using System.Runtime.InteropServices;//和Html页面交互使用 在类的上一行添加 [ComVisible(true)]//和Html页面交互使用 在类的构造其中添加 this.webB.ObjectForScripting = this;

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

PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码 看看新闻网>看引擎>开源产品 0人收藏此文章, 发表于8小时前(2013-09-06 00:39) , 已有13次阅读 ,共0个评论 依照我一惯得套路,我会先说一点废话. PhoneGap和Cordova什么关系?为什么有的地方叫Cordova而有的地方叫PhoneGap ?PhoneGap是一款HTML5平台.通过它,开发商能够使用HTML.CSS及JavaScript来开发本地移动应用程序.因此,眼下开

webview中js调用Android中的方法

package com.example.helloworld; import android.os.Bundle; import android.app.Activity; import android.content.Intent; import android.view.Menu; import android.webkit.WebView; public class MainActivity extends Activity { private WebView webView = null

CEF3中js调用delphi内部方法

在CEF1中JS调用delphi的方法已经贴过:http://www.cnblogs.com/Delphi-Farmer/archive/2013/05/17/3083794.html 但是CEF3升级了,貌似内核都不一样了,CEF1中的方法失效了,查阅了一些资料,得出如下结果: delphi代码: interface uses ceflib;//其它 type //这里建议用class 不建议用class(TThread) 不然有些地方要报错 TMyExtension = class(TThr

页面中js按顺序加载完全的方法

页面中js加载完全的方法   function loadScript( url, callback) {     var script = document.createElement("script");     script.type = "text/javascript";     if (script.readyState) {         script.onreadystatechange = function() {             if (

WebKit.Net JS调用Winform后台方法

最近做winform嵌套WebKitBrowser遇到一些巨大的坑,WebKitBrowser页面内的JS方法调用winform后台方法,死活找不到,最后看到WebKitBrowser的 DocumentTitleChanged方法,这个也许可以将就一下. 前台JS更改WebKitBrowser页面title,而且每次更改都不一样,后台触发DocumentTitleChanged方法 前台页面JS方法 function go(str) { var now=new Date(); var numb

WebView中JS调用Android Method 遇到的坑整理

WebView是android中常用的一个组件,其作用是展示网页,并让网页和android app进行一些业务逻辑上的交互. 其坑无数,相信用过的都知道,一个一个来解决吧. 1.怎么互调: <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <script type="text/javascript"> function android(bl){ if(bl){