Javascript調(diào)用C#代碼
更新時(shí)間：2011年01月17日 23:30:14 作者：
Javascript是一種腳本語(yǔ)言，它可以寄宿在各種不同的宿主中實(shí)現(xiàn)強(qiáng)大的功能。
本文介紹的是嵌入在.Net的WebBrowser控件中顯示的HTML文件中的Javascript如何調(diào)用C#代碼?，F(xiàn)在在客戶端程序中嵌入網(wǎng)頁(yè)的做法已經(jīng)非常普遍了，例如騰訊的新聞彈出框之類的。
.Net的WebBrowser用的內(nèi)核應(yīng)該還是IE的。IE中，window對(duì)象有個(gè)external屬性，這個(gè)屬性提供了一個(gè)外部接口?？梢詧?zhí)行宿主代碼。要通過這個(gè)屬性來調(diào)用C#方法，其宿主對(duì)象必須是ComVisible的。例如，我們?cè)谝粋€(gè)Form上放置一個(gè)WebBrowser控件，另外準(zhǔn)備一個(gè)方法OpenForm供js調(diào)用。
[System.Runtime.InteropServices.ComVisibleAttribute(true)]
public partial class Main : KSBiz.UI.KSForm
{
public Main()
{
InitializeComponent();
}
//其余略
public void OpenForm(string s)
{
BasicInfo.CustomerList f = new StockManage.BasicInfo.CustomerList();
f.Show();
f.MdiParent = this;
webBrowser1.Visible = false;
}
}
再準(zhǔn)備一個(gè)html文件:
<body>
<h1>歡迎使用</h1>
<a href='#' onclick='window.external.OpenForm("test");' >客戶列表</a>
</body>
在HTML文件中，就可以通過如上的方法來調(diào)用C#的方法。
在FormLoad事件中，為WebBrowser控件設(shè)置url，以及設(shè)置腳本執(zhí)行的宿主:
private void Main_Load(object sender, EventArgs e)
{
System.IO.FileInfo file = new System.IO.FileInfo("top.htm");
// WebBrowser控件顯示的網(wǎng)頁(yè)路徑
webBrowser1.Url = new Uri(file.FullName);
// 將當(dāng)前類設(shè)置為可由腳本訪問
webBrowser1.ObjectForScripting = this;
}
這樣就好了。
.Net的WebBrowser用的內(nèi)核應(yīng)該還是IE的。IE中，window對(duì)象有個(gè)external屬性，這個(gè)屬性提供了一個(gè)外部接口?？梢詧?zhí)行宿主代碼。要通過這個(gè)屬性來調(diào)用C#方法，其宿主對(duì)象必須是ComVisible的。例如，我們?cè)谝粋€(gè)Form上放置一個(gè)WebBrowser控件，另外準(zhǔn)備一個(gè)方法OpenForm供js調(diào)用。
復(fù)制代碼 代碼如下:
[System.Runtime.InteropServices.ComVisibleAttribute(true)]
public partial class Main : KSBiz.UI.KSForm
{
public Main()
{
InitializeComponent();
}
//其余略
public void OpenForm(string s)
{
BasicInfo.CustomerList f = new StockManage.BasicInfo.CustomerList();
f.Show();
f.MdiParent = this;
webBrowser1.Visible = false;
}
}
再準(zhǔn)備一個(gè)html文件:
復(fù)制代碼 代碼如下:
<body>
<h1>歡迎使用</h1>
<a href='#' onclick='window.external.OpenForm("test");' >客戶列表</a>
</body>
在HTML文件中，就可以通過如上的方法來調(diào)用C#的方法。
在FormLoad事件中，為WebBrowser控件設(shè)置url，以及設(shè)置腳本執(zhí)行的宿主:
復(fù)制代碼 代碼如下:
private void Main_Load(object sender, EventArgs e)
{
System.IO.FileInfo file = new System.IO.FileInfo("top.htm");
// WebBrowser控件顯示的網(wǎng)頁(yè)路徑
webBrowser1.Url = new Uri(file.FullName);
// 將當(dāng)前類設(shè)置為可由腳本訪問
webBrowser1.ObjectForScripting = this;
}
這樣就好了。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了用JavaScript實(shí)現(xiàn)貪吃蛇游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
js實(shí)現(xiàn)的在本地預(yù)覽圖片功能示例
這篇文章主要介紹了js實(shí)現(xiàn)的在本地預(yù)覽圖片功能,結(jié)合實(shí)例形式分析了JavaScript兼容移動(dòng)web與IE瀏覽器的圖片預(yù)覽功能相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-11-11
實(shí)現(xiàn)高性能javascript的注意事項(xiàng)
JavaScript代碼在web應(yīng)用程序中經(jīng)常用到，但是很多開發(fā)者忽視了一些性能方面的知識(shí)，如何編寫高性能javascript代碼呢？接下來，小編跟大家一起學(xué)習(xí)2019-05-05
純js代碼實(shí)現(xiàn)未知寬高的元素在指定元素中垂直水平居中顯示
本章節(jié)介紹一下如何實(shí)現(xiàn)未知寬高的元素在指定元素下實(shí)現(xiàn)垂直水平居中效果，代碼簡(jiǎn)單易懂，需要的朋友可以參考下本文2015-09-09
微信小程序仿微信運(yùn)動(dòng)步數(shù)排行(交互)
這篇文章主要介紹了微信小程序仿微信運(yùn)動(dòng)步數(shù)排行(交互)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07
JavaScript可否多線程? 深入理解JavaScript定時(shí)機(jī)制
JavaScript的setTimeout與setInterval是兩個(gè)很容易欺騙別人感情的方法,因?yàn)槲覀冮_始常常以為調(diào)用了就會(huì)按既定的方式執(zhí)行, 我想不少人都深有同感2012-05-05
Wordpress ThickBox 添加“查看原圖”效果代碼
上一次修改了點(diǎn)擊圖片動(dòng)作 ， 這次添加一個(gè)“查看原圖”的鏈接，點(diǎn)擊后將在一個(gè)新瀏覽器窗口(或Tab)打開該圖片的原始鏈接地址。2010-12-12
這篇文章主要為大家詳細(xì)介紹了基于ionic實(shí)現(xiàn)下拉刷新功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-05-05
javascript 動(dòng)態(tài)創(chuàng)建表格的2種方法總結(jié)
本文給大家總結(jié)了2種使用javascript動(dòng)態(tài)創(chuàng)建表格的方法，非常簡(jiǎn)單實(shí)用，小伙伴們自己對(duì)比下看看哪種更適合你呢，一般本人是使用第一種的。2015-03-03
JS前端組件設(shè)計(jì)以業(yè)務(wù)為導(dǎo)向?qū)嵺`思考
這篇文章主要為大家介紹了JS前端組件設(shè)計(jì)以業(yè)務(wù)為導(dǎo)向?qū)嵺`思考，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03