C#中使用Webbrowser控制元件如何傳值

阿新 • • 發佈：2019-02-08

在使用Winform開發時，需要用到Webbrowser控制元件用來展示頁面，如何將控制元件的值傳給頁面呢？

一. 對於少量引數值，可以在url地址中加入需要傳輸的值。前臺頁面js解析url地址引數即可

//C#程式碼,傳輸使用者ID為80的值給testPage.aspx頁面
string url = "localhost:8080//testPage.aspx?userID="+80;
webBrowser1.Navigate(url);

//JS程式碼，讀取url中的userID
userID = GetQueryString("userID");//獲取位址列中的使用者ID
function GetQueryString 
(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return decodeURI(r[2]); return null;
}

二. 對於大量資料，比如後臺獲取的大量資料在頁面中用圖展現，可以使用webBrowser的ObjectForScripting屬性。
MSDN上對ObjectForScripting的解釋是：獲取或設定一個物件，該物件可由顯示在 WebBrowser 控制元件中的網頁所包含的指令碼程式碼訪問，一開始看不懂這句話什麼意思，仔細琢磨，其實就是說webBrowser控制元件指向的頁面可以通過頁面的js訪問ObjectForScripting設定的物件，該物件一般設定為後臺物件，這樣就可以使前臺頁面訪問後臺方法。

在設定了webBrowser控制元件的ObjectForScripting屬性後，還需要設定應用程式對com可見，不然會丟擲一個異常，可做如下設定：
[System.Runtime.InteropServices.ComVisible(true)]

//C#呼叫視窗
BusinessDataExportFigure bdef = new BusinessDataExportFigure();
bdef.strData = resultStr;//結果資料賦值傳遞
bdef.Show();

//C#後臺程式碼
using System;
using System.Collections.Generic;
using 
 System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace sample
{
    [System.Runtime.InteropServices.ComVisibleAttribute(true)]//標記對com可見
    public partial class BusinessDataExportFigure : Form
    {
        public string strData;//用於承接後臺資料
        public BusinessDataExportFigure()
        {
            InitializeComponent();
        }

        public string GetData()
        {
            //供頁面呼叫以傳遞資料
            return strData;
        }

        private void BusinessDataExportFigure_Load(object sender, EventArgs e)
        {
            this.webBrowser1.ObjectForScripting = this;//設定物件為當前BusinessDataExportFigure窗體
            string url = "localhost:8080//testPage.aspx";
            this.webBrowser1.Navigate(url);
        }
    }
}

上面程式碼是在一個名稱命名為BusinessDataExportFigure的Form中添加了一個webBrowser控制元件，該webBrowser控制元件指向testPage.aspx頁面

//testPage頁面
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <div>
        <button onclick="showData()">點選檢視</button>
    </div>
</body>
    <script>
        function showData() {
            var data = window.external.GetData();//使用window.external直接呼叫後臺C#方法
            alert(data);
        }
    </script>
</html>

題外話：上面實現了JS呼叫後臺C#方法，那麼C#是否也可以呼叫頁面JS函式呢？
這個是可以的，使用webBrowser控制元件的Document物件的InvokeScript方法即可。
該方法有兩種引數形式

InvokeScript(string)：string為要執行的指令碼函式的名稱，JS函式不需要引數
InvokeScript(string,Object[])：string為要執行的指令碼函式的名稱；Object[]要傳遞到指令碼函式的引數

例如：

//HTML程式碼
<script type="text/javascript"> 
    function sayHello(name,message)
    {             
        alert(name+","+message);    
    }     
</script>

呼叫：

//C#
if(this.loadCompleted)//在文件載入完畢後呼叫
{
    webBrowser1.Document.InvokeScript("sayHello", new Object[] {Tom,"hello"}); 
}

需要注意的一點是，使用InvokeScript方法需要在文件載入完畢後，所以需要檢查文件載入情況

C#中使用Webbrowser控制元件如何傳值

C#Form.SplitContainer中清除控制元件textbox值（窗體.容器.控制元件）

關於WMobile中WebBrowser控制元件存在的問題(C#)

.NET中WebBrowser控制元件內部頁面的JS程式碼與外部C#程式碼的相互呼叫

C++實現WebBrowser控制元件中對滑鼠點選事件的監聽，並獲取所點選標籤的超連結

獲取iframe中的內容、查詢獲取指定元素（關於用c++呼叫WEBBROWSER控制元件，使用相關介面操作web頁面元素的一些方法)

C# 子窗體向父窗體控制元件傳值

iOS開發學習-自定義控制元件賦值問題--在model的set方法中給控制元件賦值

c#中chart控制元件如何新增輔助的警示線啊(參考線)

C++利用WebBrowser控制元件建立自己的瀏覽器

ElementUI中Switch控制元件屬性值為Number時報錯的問題

關於 WinForm中webbrowser控制元件的使用

C#中使控制元件隨著窗體一起變化(常見困難以及修正)

C#中ZedGraph控制元件的下載和使用

vs2008MFC中WebBrowser控制元件禁止新視窗彈出的解決辦法

C#通過webbrowser控制元件與javascript互動

C#中datetimepicker控制元件

C#中ListBox控制元件設定Item字型並居中顯示

.Net中webBrowser控制元件指定IE版本

C# 指定Webbrowser控制元件所用IE核心版本

Delphi 中WebBrowser控制元件詳解例項

C#中使用Webbrowser控制元件如何傳值

相關推薦