1、基本操作
1.1、激活
var doc,url:Olevariant ; begin url:='about:blank' ;//或者一个有实际意义的url WebBrowser1.Navigate2(url);//这样就激活了！ end;
1.2、写HTML代码
var doc:Olevariant ;
s:string;
begin
doc:=WebBrowser1.Document;
doc.clear;//清楚缘由内容，以便写新内容
doc.write('<html>');
//其它代码
doc.write('</html>');
doc.close;//这样就生效了！
end;
1.3、获得HTML文本
var doc:Olevariant ; s:string; begin doc:=WebBrowser1.Document; s:=doc.documentElement.outerHTML;//s里就是HTML文本了 //处理s就行了 end;
2、中级操作
2.1、获得其中HTML元素的值
var doc:olevariant; s:string; begin doc:=WebBrowser1.Document; s:=doc.all.btn.value; end;
2.2、改写其中HTML元素的值
var doc:olevariant; begin doc:=WebBrowser1.Document; doc.all.btn.value:='123123'; end;
3、高级操作
3.1、触发其中HTML元素的事件
var doc:olevariant; begin doc:=WebBrowser1.Document; doc.all.btn.onclick; end;
3.2、让其中的元素执行webbrowser之外的delphi代码
本来，这有很复杂的解决办法，但那部分属于ATL的知识比较难掌握，因此绕了一下：
让那些需要执行delphi的HTML元素，调用一个函数叫做triggerExEvent，参数是HTML元素的名称，然后是若干参数。
triggerExEvent是javascript函数，有不确定个参数，但第一个肯定是表示元素的名称。 triggerExEvent将参数组成字符串，然后前面冠以"#OnTriggerExEvent:"，作为url，然后导航。
在webbrowser的onNavigator2事件里，判断url中是否包含"#OnTriggerExEvent:"，如果包含怎作如下处理：
a、cancel这次导航；b、将"#OnTriggerExEvent:"之后的信息截取，作为参数传递给webbrowser的新增一个事件OnTriggerExEvent事件，其参数有两个：1、控件名称；2、一个字符串参数。
这样，用户可以在OnTriggerExEvent事件里处理HTML的点击等事件了
例如，我为webbrowser派生新类，叫做webbrowserEx，它有一个事件叫做OnTriggerExEvent
有个js文件包含这样的函数：
function triggerExEvent(cmpnt_id,event_nm,optionstr)
{url='#triggerExEvent:id=';
url=url+cmpnt_id+';eventnm='+event_nm;
if(optionstr) url=url+';params=optionstr';
location=url;}
在HTML文本里可以这样写：
<input type="button" name="Submit" value="按钮" onClick="triggerExEvent('Submit','click',null);">
这样，点击网页里的按钮时，会触发delphi写的代码，这些代码根据传递过来的参数，再进行调用其它合适的事件，也可以让webbrowserEx自动寻找合适的事件来触发，只有寻找不到时才去找JS的方法。
标签：WebBrowser1,HTML,url,doc,delphi,html,WEBBrowser,var,OnTriggerExEvent From： https://www.cnblogs.com/tang-delphi/p/16709466.html