关于WebBrowser控件与html页面的双向交互方法,网上介绍较多的是从WebBrowser去操作页面中的元素、js变量、js函数,包括赋值、取值,实现比较容易。但对于反向的操作,在页面中如何调用WebBrowser的方法,介绍的就很少,偶尔找到一两篇,却讲的不太有清楚,要么复杂难懂,要么绕来绕去较繁琐,还不怎么通用。经逐个研究WebBrowser的事件,发现有个事件可以利用,变通一下即可轻松让WebBrowser响应页面的操作,这个事件就是TitleChange事件。
WebBrowser控件的TitleChange事件用于侦听网页标题的变化,在对象中的文档标题变为可用或改变时激发,该事件还传递了一个参数text,我们可以用它来做文章。下面以VFP为例进行验证,其他语言如C#、delphi、VB等同理:
一、先编写一个网页,保存为a.html
<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>这里是网页的标题</title>
<script language="javascript">
function ml(vstr){
document.title=vstr
}
</script>
</head>
<body>
<form>
<input type="button" name="but1" id="but1" value="点这个按钮" onClick="ml(Date.now())">
</form>
</body>
</html>
二、打开VFP,新建一个表单,放上一个WebBrowser控件,在其init事件中写入代码:
this.navigate('a.html')
再在该控件的TitleChange事件中写入代码:
thisform.Caption=text
三、运行表单,网页成功加载后,点击网页上的按钮,可以看到在表单的标题栏中出现了相应信息,且反应还是挺迅速的。
通过上述示例验证,可知这种变通办法还是可行的,在实际应用中,可在网页的js代码中传递一些需要的命令字符串到网页的title元素中,由WebBrowser实时读取,识别判断后调用表单中的更多函数、方法,完成所需要的各种操作,包括那些网页本身所无法完成的功能,如操作本地磁盘文件等。这样就方便地实现了WebBrowser与html页面之间的双向交互。