HTML+JavaScript+CSS結合winform開發

2019-11-08 02:02:08

字體：大中小

來源：轉載

供稿：網友

用HTML+javaScript+CSS寫好網頁后放到webbrowser中，實現Winform開發。如圖，先寫好網頁：這里寫圖片描述再寫一個自定義控件，繼承webbrowser，使用該控件時要調用InitUI方法初始化。

[PermissionSet(SecurityAction.Demand, Name = "FullTrust")] [System.Runtime.InteropServices.ComVisibleAttribute(true)] public partial class WebTool : WebBrowser { public WebTool(string htmlPath) { InitializeComponent(); } public void InitUI(string htmlPath) { string baseDirectory = System.IO.Path.GetDirectoryName(System.Reflection.Assembly.GetExecutingAssembly().Location); if (System.IO.File.Exists(System.IO.Path.Combine(baseDirectory, htmlPath))) { this.ObjectForScripting = this; this.Navigate(System.IO.Path.Combine(baseDirectory, htmlPath)); } } #region ----C#執行JS腳本---- public void JsMethod(string data) { webBrowser.Document.InvokeScript("JsMethodTest", new object[] { data }); } public string JsMethod1() { return webBrowser.Document.InvokeScript("JsMethodTest1").ToString(); } #endregion }

一、JS調用c#函數 1、加載HTML頁面的webbrowser所在的控件要設置對COM組件可訪問，如下：

[PermissionSet(SecurityAction.Demand, Name = "FullTrust")] [System.Runtime.InteropServices.ComVisibleAttribute(true)] public partial class WebTool : WebBrowser

2、 HTML頁面加載完成后要設置

this.ObjectForScripting = this;

3、 JS腳本執行window.external.functionName（）來調用c#里的函數，functionName為c#中的函數名，此函數訪問權限需為public

二、C#調用JS

webBrowser.Document.InvokeScript（參數）

這里寫圖片描述