TWebBrowser 与 MSHTML(1): 从 TWebBrowser 获取 DOM 中的 window 对象

借助 TWebBrowser 可以把软件做的更漂亮、更灵活, 很多软件已经或者早就这样做了.

尽管 HTML DOM 内容繁杂(涉及到 HTML、JavaScript、CSS), 但也都属于 TWebBrowser 的功能范围.

使用 TWebBrowser 时, 如果配合上 MSHTML, 将会有很好的代码提示; 不然也可以, 就是写代码困难.

HTML DOM 中的一切都是源于一个叫 window 对象, 为了和 JS 中的 DOM 一致起来, 本次先获取这个对象.

TWebBrowser 是调用 SHDocVw.dll 的功能并继承与 TOleControl 类, 会用到 SHDocVw 和 OleCtrls 单元.

另外 window 是 IHTMLWindow2 接口类型的, 此接口定义在 MSHTML 单元.

---

本例效果图:

---

代码文件:

---

unit Unit1;

interface

uses
  Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,
  Dialogs, OleCtrls, SHDocVw, StdCtrls;

type
  TForm1 = class(TForm)
    WebBrowser1: TWebBrowser;
    Button1: TButton;
    Button2: TButton;
    procedure FormCreate(Sender: TObject);
    procedure Button1Click(Sender: TObject);
    procedure Button2Click(Sender: TObject);
  end;

var
  Form1: TForm1;

implementation

{$R *.dfm}

uses MSHTML;
var window: IHTMLWindow2;

{打开一个页面}
procedure TForm1.Button1Click(Sender: TObject);
begin
  WebBrowser1.Navigate('http://del.cnblogs.com');
end;

{获取并试用 window 对象}
procedure TForm1.Button2Click(Sender: TObject);
begin
  window := (WebBrowser1.Document as IHTMLDocument2).parentWindow;
  window.document.body.innerHTML := '<hr>万一的 Delphi 博客<hr>';
  window.alert('JavaScript 的提示: 修改成功!');
end;

{初始化}
procedure TForm1.FormCreate(Sender: TObject);
begin
  Position := poScreenCenter;
  WebBrowser1.Align := alTop;
  Button1.Caption := '打开';
  Button2.Caption := '改写';
end;

end.

窗体文件:

---

object Form1: TForm1
  Left = 0
  Top = 0
  Caption = 'Form1'
  ClientHeight = 167
  ClientWidth = 318
  Color = clBtnFace
  Font.Charset = DEFAULT_CHARSET
  Font.Color = clWindowText
  Font.Height = -11
  Font.Name = 'Tahoma'
  Font.Style = []
  OldCreateOrder = False
  OnCreate = FormCreate
  PixelsPerInch = 96
  TextHeight = 13
  object WebBrowser1: TWebBrowser
    Left = 8
    Top = 8
    Width = 300
    Height = 121
    TabOrder = 0
    ControlData = {
      4C000000021F0000810C00000000000000000000000000000000000000000000
      000000004C000000000000000000000001000000E0D057007335CF11AE690800
      2B2E126208000000000000004C0000000114020000000000C000000000000046
      8000000000000000000000000000000000000000000000000000000000000000
      00000000000000000100000000000000000000000000000000000000}
  end
  object Button1: TButton
    Left = 154
    Top = 135
    Width = 75
    Height = 25
    Caption = 'Button1'
    TabOrder = 1
    OnClick = Button1Click
  end
  object Button2: TButton
    Left = 235
    Top = 135
    Width = 75
    Height = 25
    Caption = 'Button2'
    TabOrder = 2
    OnClick = Button2Click
  end
end

从一个外部的 IE 窗口获取 window 对象也可以:

---

uses MSHTML, ComObj;
var
  IE: Variant;
  window: IHTMLWindow2;

procedure TForm1.Button1Click(Sender: TObject);
begin
  IE := CreateOleObject('InternetExplorer.Application');
  IE.Visible := True;
  IE.Navigate('http://del.cnblogs.com');
end;

procedure TForm1.Button2Click(Sender: TObject);
begin
  window := (IDispatch(IE.document) as IHTMLDocument2).parentWindow;
  window.document.body.innerHTML := '<hr>万一的 Delphi 博客<hr>';
end;