webbrowser 调用javascript函数的使用一例，环境c#+html

最新推荐文章于 2023-11-22 22:03:59 发布

原创最新推荐文章于 2023-11-22 22:03:59 发布 · 1.4w 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#webbrowser #javascript #c# #winform #object

本文介绍如何使用C#中的WinForm WebBrowser控件加载本地HTML文件，并通过三种不同方式实现与HTML页面中的JavaScript函数进行交互，包括直接调用JS函数和修改DOM元素。

这两天写一个程序，winform的webbrowser装载htm文件，然后和winform窗体交互。

1.page.htm文件源代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<!--

function F1(obj)

{

document.all["Country"].innerText=obj；

}

function F2()

{

document.all["Country"].innerText="法国"；

}

-->

</script>

</head>

<tr>

中国</div>

</td>

</tr>

</table>

</body>

</html>

2.TestForm源代码

private void TestForm_Load(object sender, EventArgs e)
{
webBrowser1.Url = new Uri("C:/page.htm");//指定要载入的网页
}

private void ButtonF1(object sender, EventArgs e)
{
        mshtml.IHTMLDocument2 currentDoc = (mshtml.IHTMLDocument2)webBrowser1.Document.DomDocument;
                mshtml.IHTMLWindow2 win = (mshtml.IHTMLWindow2)currentDoc.parentWindow;
               win.execScript("F1('日本')", "javascript");//调用函数F1
}

private void ButtonF2(object sender, EventArgs e)
{
        mshtml.IHTMLDocument2 currentDoc = (mshtml.IHTMLDocument2)webBrowser1.Document.DomDocument;
                mshtml.IHTMLWindow2 win = (mshtml.IHTMLWindow2)currentDoc.parentWindow;
               win.execScript("F2()", "javascript");//调用函数F2
}

private void ButtonF3(object sender, EventArgs e)
{
        mshtml.IHTMLDocument2 currentDoc = (mshtml.IHTMLDocument2)webBrowser1.Document.DomDocument;
               mshtml.IHTMLElement el = (mshtml.IHTMLElement)win.document.all.item("Country", null);//取得页面上的Country Dom对象
               el.innerText="荷兰";//直接修改页面上Country对象的属性
}

//调用webbrowser的DocumentCompleted事件来自动修改页面属性，修改属性的方法可以用上面的三种方法。我用的是第一种方法
private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
        {
            mshtml.IHTMLDocument2 currentDoc = (mshtml.IHTMLDocument2)webBrowser1.Document.DomDocument;
                mshtml.IHTMLWindow2 win = (mshtml.IHTMLWindow2)currentDoc.parentWindow;
               win.execScript("F1('日本')", "javascript");//调用函数F1
        }