enum { IDD = IDD_TESTHTMLDIALOG_DIALOG, IDH = IDR_HTML_TESTHTMLDIALOG_DIALOG };
//这儿的枚举变成了两个，也就是有一个普通对话框，还有一个HTML对话框

 CTestHtmlDialogDlg::CTestHtmlDialogDlg(CWnd* pParent /*=NULL*/)
     :CDHtmlDialog(CTestHtmlDialogDlg::IDD, CTestHtmlDialogDlg::IDH, pParent)
//在CTestHtmlDialogDlg的构造函数中，CDHtmlDialog的成员初始化列表中多了一个CTestHtmlDialogDlg::IDH

IDR_HTML_TESTHTMLDIALOG_DIALOG HTML "TestHtmlDialog.htm"
//在resource文件中，多了这么一行，用来指定HTML对话框的HTML文件资源，可以修改成自己喜欢的名字，比如index.html，当然在工程中的html文件也要修改成相应的名字

HRESULT urClass::OnFuncName(IHTMLElement* pElement);// OnFuncName 为函数名

添加消息映射( DHTML 消息映射宏 <DHTML Event Map Macros> )：

BEGIN_DHTML_EVENT_MAP(urClass) 
//在 BEGIN_DHTML_EVENT_MAP 与 END_DHTML_EVENT_MAP 之间添加消息映射宏
DHTML_EVENT_ONCLICK(_T("id_name"), OnFuncName) //id_name 为 html 元素的 ID 名,OnFuncName 为事件响应函数名
END_DHTML_EVENT_MAP()

DDX 宏

利用以上函数来设置元素的 innerText 和 innerHTML 关联变量, 相当与前面提到的设置和获取 innerText , innerHTML 属性. 用 UpdateData 来接收数据和更新控件上数据

定义对应变量,然后在对话框函数的 DoDataExchange 函数中建立关联变量.(需在 CDHtmlDialog::DoDataExchange(pDX); 语句后进行添加才有效)

CDHtmlDialog::DoDataExchange(pDX);
DDX_DHtml_ElementInnerHtml(pDX,L"p1",m_szP);//p1 为关联的 html 元素的 ID,m_szP 为关联变量

C++ 与 javaSript 的相互调用

[ C++ 调用 javascript ][ javascript 调用 C++ ]

C++ 调用 javascript

方法一(不在乎 js 函数的返回值):

IHTMLDocument2* pDocument; 
IHTMLWindow2* pWindow; 
//获得 html 的 Document 节点
HRESULT hr = GetDHtmlDocument(&pDocument);
//获得 Document 的窗口节点
pDocument->get_parentWindow(&pWindow); 
VARIANT ret; 
ret.vt = VT_EMPTY;
pWindow->execScript(AllocSysString("jsfunc()"),L"JavaScript",&ret);
//清理工作,释放 Document 和 window节点
pDocument->Release();
pWindow->Release();

方法二(需要获得 js 函数的返回值):

IHTMLDocument2* pDocument; 
IHTMLWindow2* pWindow; 
DISPPARAMS dispparams;//用于给 JS 传递参数对象
DISPID dispid;
EXCEPINFO excepInfo;//获取JS中异常的对象
CComVariant vaResult;//JS返回的结果值对象
//获得 html 的 Document 节点及 Document 对应的窗口节点
GetDHtmlDocument(&pDocument); 
pDocument->get_parentWindow(&pWindow); 
//初始化JS所用的参数对象,JS中异常的对象
memset(&dispparams, 0, sizeof dispparams);
memset(&excepInfo, 0, sizeof excepInfo);
//设置参数个数,并开辟参数空间
dispparams.cArgs=2;
dispparams.rgvarg = new VARIANT[dispparams.cArgs];
//设置每个参数的类型
dispparams.rgvarg[0].vt = VT_BSTR;
dispparams.rgvarg[1].vt = VT_BSTR;
//为参数赋值
CComBSTR fromMFC1=_T("one");
CComBSTR fromMFC2=_T("two");
fromMFC2.CopyTo(&dispparams.rgvarg[1].bstrVal);
fromMFC1.CopyTo(&dispparams.rgvarg[0].bstrVal);
UINT nArgErr = (UINT)-1;
CComBSTR szMember = _T("CalledJs");
pWindow->GetIDsOfNames(IID_NULL, &szMember,1,LOCALE_SYSTEM_DEFAULT,&dispid); 
pWindow->Invoke(dispid, IID_NULL, 0, DISPATCH_METHOD, &dispparams, &vaResult, &excepInfo,&nArgErr);
//显示 JS 返回的结果
CString str(vaResult.bstrVal);
this->MessageBox(str);
//清理工作,释放 Document 和 window 节点
pDocument->Release();
pWindow->Release();

javascript 调用 C++

EnableAutomation();

SetExternalDispatch(GetIDispatch(TRUE)); //将浏览器控件的扩展接口设置为对话框自身的 IDispatch

DECLARE_DISPATCH_MAP()

void func()
    MessageBox(L"hello!");
定义DISPATCH_MAP,和添加对应函数映射,即在 TestHtmlDialog.cpp 中 
BEGIN_DISPATCH_MAP(CMyDHtmlDialog, CDHtmlDialog) 
DISP_FUNCTION(CMyDHTMLDialog, "SayHello", func, VT_EMPTY, VTS_NONE) 
END_DISPATCH_MAP()
取消JS在调用 C++ 时的提醒框,即在 CTestHtmlDialog 中，重载 CanAccessExternal() 函数
BOOL CWebbrowserDlg::CanAccessExternal() 
 　　return TRUE; 
在 Javascript 中调用 C++ 函数
function Button1_onclick() { 
    //调用 C++ 的 func,函数 
    external.SayHello(); 
CDHtmlDialog 中 html 资源加载 css 样式,js 脚本,图片

若想在 CDHtmlDialog 的 html 中加载 css , js ,图片文件,必须把这些文件引入资源文件,然后把 html 文件中的链接转换成对应的资源 ID 的数值.
添加步骤:
第一步: 添加想要添加的 css , js ,图片文件到资源文件中.
第二步:找到添加的文件的资源 ID 对应的数值.
第三步:在引用文件时候,把链接地址以 "res:/资源文件添加到的所属文件结构/#资源ID" 来写
有三个文件 myCss.css,myJs.js,myPicture.jpg .并把这三个文件导入资源文件.并在 CUS 文件结构下,如图示:
然后在资源文件中资源 ID 对应的数值:
#define IDR_CUS1 131
#define IDR_CUS2 132
#define IDR_CUS3 133
在 html 文件中引用导入到资源文件中的 css,js,图片 文件:
<SCRIPT src="res:/CUS/#131" type=text/javascript></SCRIPT>
<link type="text/css" rel="stylesheet" href="res:/CUS/#132" />
<img src="res:/CUS/#133">
VC7 HTML Dialog开发实例讲解

用CDHtmlDialog来完成c++与javascript的相互调用