C#winForm程序与html JS交互调用

简介: C#winForm程序与html JS交互调用

程序是这样的,在winForm里拖了一个webBrowser  如图,一大片空白:

然后这个winForm界面的代码:

1.注意这个类的头部必须加上以下代码:

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

2.然后是这个类的方法代码:

      #region winForm与js交互 提供js调用方法
        public void xmpf(string name, string value, bool trueOrfalse)
        {

            messageBox.Show(name);

        }

        #endregion 

3.在类的构造函数里加载页面代码:

       public AddOrderForm()
        {
            InitializeComponent();      
            string pathName = Application.StartupPath + "\\" + "HTMLPage1.htm";
            this.webBrowser1.ObjectForScripting = this;
            webBrowser1.Navigate(pathName);
        }

4.html页面代码:

<script language="javascript" type="text/javascript">


            function Radio1_onclick(obj) {
                    //js调用winform方法
                    window.external.xmpf(obj.name,obj.value, obj.checked);
            }

 </script>
          <input id="Radio1"  name="R1" type="radio" value="100" οnclick="return Radio1_onclick(this)" />          --单选框

5.运行项目,点击单选框按钮,会弹出c# winform里的 提示框,就是会调用xmpf这个方法。

相关文章
|
6天前
|
JavaScript 前端开发
js的交互事件
js的交互事件
15 1
|
6天前
|
XML 前端开发 安全
【专栏:HTML 进阶篇】HTML 表单验证与 AJAX 交互
【4月更文挑战第30天】本文探讨了HTML表单验证和AJAX在现代网页开发中的重要性。HTML表单验证通过必填、数据格式和范围验证确保用户输入的准确性,而AJAX则实现异步通信,提供动态数据加载、局部更新和实时交互。两者的结合优化了表单处理,提高用户体验并减少服务器负担。实际应用包括在线注册、购物车系统和表单反馈。然而,开发者需注意浏览器兼容性、错误处理和安全性问题。掌握这些技术,能打造更智能、高效的网页应用,为用户提供更好的体验。在数字化时代,HTML表单验证和AJAX是网页创新与进步的关键。
|
6天前
|
JavaScript 前端开发
JavaScript DOM 文档对象模型(获取、改变html元素)
JavaScript DOM 文档对象模型(获取、改变html元素)
|
6天前
|
前端开发 JavaScript
使用html+css+javaScript 完成计算器
使用html+css+javaScript 完成计算器
|
6天前
|
JavaScript 前端开发 BI
原生html—摆脱ps、excel 在线绘制财务表格加水印(html绘制表格js加水印)
原生html—摆脱ps、excel 在线绘制财务表格加水印(html绘制表格js加水印)
23 1
|
6天前
|
SQL 存储 数据库连接
C#编程与数据库交互的实现
【4月更文挑战第20天】C#与数据库交互是现代软件开发的关键,涉及数据库连接、数据操作和访问方式。使用ADO.NET建立连接,执行SQL实现读取、插入、更新和删除数据。可通过直接SQL或数据访问对象进行操作。注意性能优化,使用连接池,处理异常,确保安全,以提升应用性能和稳定性。
|
6天前
|
JavaScript 前端开发
在JavaScript中怎样获取或修改HTML元素。
在JavaScript中怎样获取或修改HTML元素。
|
6天前
|
前端开发 JavaScript
JavaScript 获取 HTML 元素
JavaScript 获取 HTML 元素
|
6天前
|
JavaScript 前端开发
js怎么删除html元素
js怎么删除html元素
34 10
|
6天前
|
JavaScript 前端开发
JavaScript DOM 操作:如何选中一个 HTML 元素?有哪些方法?
在JavaScript中,有五种主要方法选取HTML元素:1) `getElementById` 通过id选取单个元素;2) `getElementsByClassName` 选取具有特定类名的所有元素;3) `getElementsByTagName` 选取特定标签的所有元素;4) `querySelector` 使用CSS选择器选取单个元素;5) `querySelectorAll` 选取匹配CSS选择器的所有元素。这些方法结合使用可精确地定位到DOM树中的目标元素。
20 1