大家都知道.NET可以開發winform與webform頁面,有時候在開發項目過程中要結合BS+CS這樣來應用,那么本站做一個實例來測試winform與webform互相通訊的實例,下面先看下效果:
winform調用bs頁面的js函數效果圖
webform頁面發送信息到winform效果圖
好了,看完上面的效果,下面我們看下如何實現吧。
第一、打開VS2008創建winform項目,之后在MainForm拖入瀏覽器控件,并命令這個瀏覽器控件名為:WebContainer
下面是全部CS端代碼:
/*
*
* 名稱:CS與BS互相通訊
* 作者:cc
* 官方:
http://www.cnblogs.com/chjun2000/
*/
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
namespace TestJSWin
{
[System.Runtime.InteropServices.ComVisibleAttribute(true)]
public partial class MainForm : Form
{
public MainForm()
{
InitializeComponent();
this.WebContainer.ObjectForScripting = this; //這句很關鍵,主要和頁面的JS互相操作
Uri uriSale = new System.Uri("
http://localhost:8012/index.htm
"); //瀏覽器控件默認打開頁面
WebContainer.Url = uriSale;
}
/// <summary>
/// 菜單點擊事件
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void jsEventToolStripMenuItem_Click(object sender, EventArgs e)
{
WebContainer.Navigate("javascript:fn_test();void(0);");
}
/// <summary>
/// BS調用方法
/// </summary>
/// <param name="strShow"></param>
public void JavascriptCall(string strShow)
{
MessageBox.Show(strShow);
}
}
}
好,做完winform,下面是
http://localhost:8012/index.htm
頁面的做法。
第2、webform的頁面,源碼很簡單,你可以直接復制源代碼到本地測試就可以了。下面是HTML頁面源代碼:
Code [http://www.xueit.com]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Test js event</title>
<script language="javascript" type="text/javascript">
<!--
function fn_test() {
alert("Hello, cs調用JS成功-學it網
http://www.xueit.com/
歡迎你");
}
function fn_call() {
window.external.JavascriptCall("bs發送信息到winform成功");
}
-->
</script>
</head>
<body>
NET中winform與webform互相通訊實例-www.xueit.com(學IT網歡迎你訪問)
<input type="button" value="Call Winform Methed" onclick="fn_call()" />
</body>
</html>
嗯!到現在為此,所有操作都可以了,非常簡單,如果你有興趣來按上面的代碼來測試下
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
